尽管这个问题是要求jQuery解决方案,但这是一个纯JavaScript的答案,因为没有人提到它 .
没有jQuery:
只需选择元素并访问checked property(返回布尔值) .
var checkbox = document.querySelector('input[type="checkbox"]');
alert(checkbox.checked);
以下是收听 change 事件的快速示例:
var checkbox = document.querySelector('input[type="checkbox"]');
checkbox.addEventListener('change', function (e) {
alert(this.checked);
});
要选择选中的元素,请使用:checked pseudo class( input[type="checkbox"]:checked ) .
下面是一个示例,它迭代已检查的 input 元素并返回已检查元素名称的映射数组 .
var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
return el.name;
});
console.log(checkedElements);
var elements = document.querySelectorAll('input[type="checkbox"]:checked');
var checkedElements = Array.prototype.map.call(elements, function (el, i) {
return el.name;
});
console.log(checkedElements);