1、checkbox日常jquery操作
- <span style="font-size:14px;"><input id="checkAll" type="checkbox" />全选
- <input name="subBox" type="checkbox" />项1
- <input name="subBox" type="checkbox" />项2
- <input name="subBox" type="checkbox" />项3
- <input name="subBox" type="checkbox" />项4</span>
全选和取消代码:
- $(function() {
- $("#checkAll").click(function() {
- $('input[name="subBox"]').prop("checked",this.checked);
- });
- var $subBox = $("input[name='subBox']");
- $subBox.click(function(){
- $("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
- });
- });