jquery全選和全部不選 jquery怎么實現(xiàn)全選復選框?
jquery怎么實現(xiàn)全選復選框?1. 為所有復選框定義一個ID,例如:<input type=“checkbox”ID=“cball”value=“all”>2。為其他復選框定義相同的名稱,例
jquery怎么實現(xiàn)全選復選框?
1. 為所有復選框定義一個ID,例如:
<input type=“checkbox”ID=“cball”value=“all”>
2。為其他復選框定義相同的名稱,例如:
愛好:<input type=“checkbox”name=“cbhobby”value=“song”> singing<input type=“checkbox”name=“cbhobby”value=“dance”> dancing<input type=“checkbox”name=“cbhobby”value=“play”> play games<;input type=“checkbox”name=“cbhobby”value=“eat”<;input type=“checkbox”name=“cbhobby”value=“sleep”>
3。編寫jQuery代碼,使復選框的選定屬性與單擊“全部”框時復選框的選定屬性一致
<;script type=“text/JavaScript”src=“js/jQuery.1.8.3。最小js“></script><script type=”text/javascript“>$(function(){$(”cbAll“)。單擊(function(){$(”input[name=”cbHobby“]”).prop(”checked“,$(this).prop(”checked“)})</script>
利用jQuery實現(xiàn)CheckBox全選/全不選/反選的簡單代碼?
removeattr參數(shù)只需要一個,removeattr(”checked“)但建議使用?!睂⑵涮鎿Q為$(”。選擇“L”)。單擊(function(){if($()。選擇“L”)。Prop(“checked”)==true){$(“input[name=“checkbox1”]”)。屬性(“checked”,false)控制臺.log(1) }else{$(“input[name=”checkbox1“]”).prop(”checked“,false)控制臺.log(2) }})或者更簡潔地說,$(”。選擇“L”)。單擊(function(){var ischecked=$(this)。屬性(“checked”)$(“input[name=“checkbox1”])。屬性(“checked”,ischecked)})