获得复选框的值java_获取jQuery中的复选框值

尽管这个问题是要求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);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值