首页 > 其他 > 详细

复选框选择全部或只选单个

时间:2017-06-01 09:46:27      阅读:284      评论:0      收藏:0      [点我收藏+]

 

//html网页代码

<tr>
<td>
<input type="checkbox" name="vehicle_qx" id="vehicle_qx" value="0" onclick="vehicle_qx(0)"/><font>全部</font>
<input type="checkbox" name="vehicle" value="1" onclick="vehicle_qx(1)"/><font>商务类</font>
<input type="checkbox" name="vehicle" value="2" onclick="vehicle_qx(2)"/><font>豪华类</font>
<input type="checkbox" name="vehicle" value="3" onclick="vehicle_qx(3)"/><font>舒适类</font>
<input type="checkbox" name="vehicle" value="4" onclick="vehicle_qx(4)"/><font>普通类</font>
</td>
</tr>

javascript  代码:

<script type="text/javascript">
function vehicle_qx(value){
if(value==0){
if($("[name=‘vehicle_qx‘]").is(‘:checked‘)){
$("[name=‘vehicle‘]").attr("checked",true);
}else{
$("[name=‘vehicle‘]").attr("checked",false);
}

}else{
var n="0";
var m=$("[name=‘vehicle‘]");
for ( var i = 0; i < m.length; i++) {
if(m[i].checked){
n=parseInt(n)+1;
}else{

}

}
if(n=="4"){
$("[name=‘vehicle_qx‘]").attr("checked",true);
}else{
$("[name=‘vehicle_qx‘]").attr("checked",false);
}

}
}
</script>

复选框选择全部或只选单个

原文:http://www.cnblogs.com/liwentao/p/6926506.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!