javascript获取复选框的值，如果没有点击按钮选中 [英] javascript get the value of checkbox if checked without button clicked

问题描述

javascript获取复选框的值，如果点击按钮不点击

我在项目中间遇到了问题，请帮忙..

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

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

这是我的HTML ... p>

 < input type =checkboxname ='cbox'value =redclass =theClass/> red 
< input type =checkboxname ='cbox'value =greenclass =theClass/> green 
< input type =checkboxname ='cbox'value = yerclass =theClass/> yer 
< input type =checkboxname ='cbox'value =asdasdclass =theClass/> asdasd 
< input type =checkboxname ='cbox'value =radgdfgedclass =theClass/> radgdfged 
 $（function（）{
 
 $（'input [type = checkbox] '）.on（'change'，function（）{
 alert（$（this））。 val（））; 
 console.log（$（this）.val（））; 
}）; 
 
}）; 
  

我用Google搜索了很多...但每次点击按钮都会获得所有复选框值。
我使用onclick按钮来获取值......但是这个东西是不使用按钮就可以获得值...
我的关注点是获得如果复选框被选中，则返回值。

例如：如果我检查红色，我应该会发出警报'红色'.....

解决方案

jQuery：

 <$ c （'change（）'，function（）{
 console.log（$（this）.val（））; 
}）; $ c> $（'input [type = checkbox] 
  

Javascript：

  var cbs = document.querySelectorAll（'input [type = checkbox]'）; 
 for（var i = 0; i< cbs.length; i ++）{
 cbs [i] .addEventListener（'change'，function（）{
 console.log（this。值）; 
}）; 
 
  

编辑：

只有当复选框被选中时才需要该值。

jQuery：

$ b $（$（$）
$ $ $ $ $ $''$'$'$''''' .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

Ps对于jQyery把你的代码放在里面：

  $（function（）{
 // code here 
} ）; 
  

javascript get the value of checkbox if checked without button clicked

I am struck in the middle of project, please help..

how to get the check box value from the class name or from by name or by id through alert so that the particular value I can pass...

I am sorry to ask..I am new the jquery and javascript..

This is my 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());
});

});

I googled much ...but every where onclick the button than only will get all checkbox values.. I am getting the values using the onclick button ....but the thing is getting the value without using the button... My concern is getting the value if checkbox is checked..

eg: if i checked red , i should get alert 'red'.....

解决方案

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);
    });
}

EDIT:

If you want the value only if the checkbox is checked.

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

P.s. for jQyery put your code inside:

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

这篇关于javascript获取复选框的值，如果没有点击按钮选中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！