checkbox有哪些主要操作？
比如
image.png
利用js選擇或者取消選擇checkbox。
這個的原理是依據(jù)checkbox的checked屬性來進(jìn)行的萝毛。
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(function(){
$("#cm").on("click",function(){
//$("input:checkbox:first").attr("checked","true");
//selcet the first checkbox and make it is selected
//$("input:checkbox").eq(1).attr("checked","true");
////selcet the specific checkbox and make it is selected
//$("input:checkbox").slice(0,2).attr("checked","true");
//select both checkbox
//$("input:checkbox[value='1']").remove();
//remove checkbox which value=1
$("input:checkbox").each(function(){
$(this).attr("checked",true)
})
//select all the checkbox use each function
})
})
</script>
<html>
<label for="male">Male</label>
<input type="checkbox" name="sex" id="male" value="0">
<!--for is used for making mark for input element -->
<br>
<label for="female">Female</label>
<input type="checkbox" name="sex" id="female" value="1">
<br>
<button id="cm">click me</button>
</html>
注意，選擇第一個復(fù)選框用first喊式。第二個可不是用second，而是用eq（）過濾萧朝。
補(bǔ)充一個
獲取checkbox的value屬性.
利用val方法
alert($("input:checkbox:checked").val())
判斷選中元素個數(shù)
var len=$("input:checkbox:checked").length;
alert(len);
// calculate how many elements is selected.
限制一次只能選一個
根據(jù)length屬性判斷選中個數(shù)就可以了岔留。
var len=$("input:checkbox:checked").length;
if (len>1){
alert("only one");
總結(jié)
牽扯到的知識點(diǎn)
各種選擇器的用法
each遍歷方法
參考
jquery操作復(fù)選框(checkbox)的12個小技巧總結(jié)jquery腳本之家
jquery操作復(fù)選框(checkbox)的12個小技巧總結(jié)jquery腳本之家
