如果选中没有点击按钮,则javascript获取复选框的值

Question

如果选中没有点击按钮,则javascript获取复选框的值

我在项目中间被打动,请帮助..

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

我很抱歉问...我是新的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());
});

});

我google了很多...但是每次点击按钮都会获得所有复选框值.我使用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的Ps将你的代码放入:

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