使用复选框名称获取复选框值

OTA*_*TAR 41 html jquery

我有几个输入复选框,(它们的名称对于服务器上的发送阵列是相同的).

所以,我需要获取每个值这个复选框,我想用作选择器复选框名称,这不起作用,请帮助.

<form>
  <input type="checkbox" name="bla[]" value="1" />
  <input type="checkbox" name="bla[]" value="2" />
</form>
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).ready( function () {    

   $("input[name=bla]").each( function () {
       alert( $(this).val() );
   });

});
Run Code Online (Sandbox Code Playgroud)

DEMO

und*_*ned 62

您正在选择名称属性为"bla"的输入,但您的输入具有"bla[]"name属性.

$("input[name='bla[]']").each(function (index, obj) {
        // loop all checked items
    });
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/26axX/

  • 添加:选中以仅查找选中的复选框为$("input [name ='bla []']:选中").each(function(){ (2认同)

rbt*_*ong 13

您还应该包括括号...

<input type="checkbox" name="bla[]" value="1" />
Run Code Online (Sandbox Code Playgroud)

因此,引用它应该是 name='bla[]'

$(document).ready( function () { 

   $("input[name='bla[]']").each( function () {
       alert( $(this).val() );
   });

});
Run Code Online (Sandbox Code Playgroud)


Bar*_*cer 8

我想补充一点,如果您尝试获取所有已选中的名称的复选框,您可能需要使用以下语法:

$("[name='bla[]']:checked").each(function () {
    // do stuff
});
Run Code Online (Sandbox Code Playgroud)

确保关闭]和之间没有空格:checked

  • 很高兴看到使用`:checked`选择器并避免额外的`if语句` (2认同)

And*_*dré 7

如果您想获得已选中复选框的所有值的列表(例如,将它们作为一个AJAX调用中的列表发送到服务器),您可以获得该列表:

var list = $("input[name='bla[]']:checked").map(function () {
    return this.value;
}).get();
Run Code Online (Sandbox Code Playgroud)


小智 7

$('[name="CheckboxName"]:checked').each(function () {
    // do stuff
});
Run Code Online (Sandbox Code Playgroud)


小智 6

// 使用复选框名称获取复选框值

<head>
        <script>
        function getCheckBoxValues(){
            $('[name="checkname"]').each( function (){
                alert($(this).val());
            });
        }
        </script>
    </head>
    <body>
        <input type="checkbox" name="checkname" value='1'/>
        <input type="checkbox" name="checkname" value='2'/>
        <input type="checkbox" name="checkname" value='3'/>
        <input type="button" value="CheckBoxValues" onclick="getCheckBoxValues()"/>
    </body>
Run Code Online (Sandbox Code Playgroud)

// 只获取被检查的值

function getCheckBoxValues(){
        $('[name="checkname"]').each( function (){
            if($(this).prop('checked') == true){
                alert($(this).val());
            }
        });
    }
Run Code Online (Sandbox Code Playgroud)


Dir*_*low 5

$("input[name='bla[]']").each( function () {
    alert($(this).val());
});
Run Code Online (Sandbox Code Playgroud)