先来看这是一句常见的input类型为checkbox的复选框我们把它的值设置为“1”
```
``
1，如何获取选中的 jquery方法
$(“input[type=’checkbox’]“).attr(‘value’);
$(“input[type=’checkbox’]“).val();
js方法
document.getElementsByName(‘check’)[0].value;
2，如何设置为选中状态 jquery方法
$(“input[type=’checkbox’]“).attr(“checked”,”checked”);
$(“input[type=’checkbox’]“).attr(“checked”,true);
$(“input[type=’checkbox’]“).prop(“checked”,”checked”); //jquery1.6+
$(“input[type=’checkbox’]“).prop(“checked”,true); //jquery1.6+
js方法
document.getElementsByName(‘check’)[0].setAttribute(‘checked’, true);
3，如何获取是否选中 jquery方法
$(“input[type=’checkbox’]“).attr(‘checked);
$(“input[type=’checkbox’]“).prop(‘checked’); //推荐
$(“input[type=’checkbox’]“).is(‘:checked’);
js方法
document.getElementsByName(‘check’)[0].checked;
4，change()事件选中监听 jquery方法
$(“input[type=’checkbox’]“).change(function() {
console.log(“checked”);
});
js方法
document.getElementsByName(‘check’)[0].onchange = function(){
console.log(“checked”)
};
document.getElementsByName(‘check’)[0].addEventListener(‘click’, function(){
console.log(“checked”)
});
