如果没有单击按钮，javascript获取复选框的值

Question

javascript 在没有点击按钮的情况下获取复选框的值

我在项目的中间感到震惊，请帮助..

如何从类名或通过名称或通过警报通过 id 获取复选框值，以便我可以传递特定值...

我很抱歉问...我是 jquery 和 javascript 的新手..

这是我的 HTML ...

<input type="checkbox" name='cbox' value="red" class="theClass"/>red
<input type="checkbox" name='cbox' value="green" class="theClass"/>green
<input type="checkbox" name='cbox' value="yer" class="theClass"/>yer
<input type="checkbox" name='cbox' value="asdasd" class="theClass"/>asdasd
<input type="checkbox" name='cbox' value="radgdfged" class="theClass"/>radgdfged
$(function(){

$('input[type=checkbox]').on('change', function() {
   alert($(this).val());
    console.log($(this).val());
});

});

我在谷歌上搜索了很多...但是点击按钮的每个地方都会获得所有复选框的值..我正在使用 onclick 按钮获取值....但问题是在不使用按钮的情况下获取值...我关心的是在选中复选框时获取值..

例如:如果我选中红色，我应该得到“红色”警报......

Answer 1

jQuery:

$('input[type=checkbox]').on('change', function() {
    console.log($(this).val());
});

Javascript:

var cbs = document.querySelectorAll('input[type=checkbox]');
for(var i = 0; i < cbs.length; i++) {
    cbs[i].addEventListener('change', function() {
        console.log(this.value);
    });
}

编辑:

如果您仅在选中复选框时才需要该值。

jQuery:

$('input[type=checkbox]').on('change', function() {
    if($(this).is(':checked'))
        console.log($(this).val());
});

Javascript:

var cbs = document.querySelectorAll('input[type=checkbox]');
for(var i = 0; i < cbs.length; i++) {
    cbs[i].addEventListener('change', function() {
        if(this.checked)
            console.log(this.value);
    });
}

jsfiddle DEMO

附言对于 jQyery，将您的代码放入其中:

$(function() {
    //code here
});