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

Posted 街角的守望者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了复选框选择全部或只选单个相关的知识,希望对你有一定的参考价值。

 

//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>

以上是关于复选框选择全部或只选单个的主要内容,如果未能解决你的问题,请参考以下文章

在 MVC/Razor 中,如何获取多个复选框的值并将它们全部传递给控制器​​?

SumoSelect 不显示复选框或允许(多个或单个)选择

怎么用JavaScript实现复选框的全部选择和全部取消

text 选择全部/取消选中所有复选框。

Excel VBA - 将多个用户表单复选框值写入单个单元格

选中在wpf中选择全部选中复选框