原生JS——checkbox操作技巧

JavaScript012

原生JS——checkbox操作技巧,第1张

2.根据type="checkbox"选中所有checkbox

3.修改checkbox选中状态

4.获取checkbox的value

5.一个简单的表格全选框功能实现

注:

1)通过document.querySelectorAll()获得的NodeList类型,要使用for of进行遍历,使用for in会访问到队形自定义的properties

2)classList对应的DOMTokenList类型使用contains检查是否包含特定值

js

var cb = document.getElementById('checkbox')//checkbox dom

if(cb.checked) {

    //checkIn

}else{

    //checkOut

}

jq

var $cb = $('#checkbox')

if($cb.prop('checked')) {

    //checkIn

}else {

    //checkOut

}

jQuery("form input[type='checkbox']").each(function(i){

jQuery(this).attr("name","nssang"+i)

})