Question

这是脚本（javascript＆amp; jQuery）：

$('#button_submit').click(function() {
    var check = { 'opt[]' : []};
    $("input:checked").each(function() {
        check['opt[]'].push($(this).val());
    });
}

和html one：

<html>
<body>
    <h4>Data Options</h4>
    <form id="myForm">
        <input type='checkbox' name='opt[]' value='1'id='ck1' /> Counts<br>
        <input type='checkbox' name='opt[]' value='2'id='ck2' /> Male<br>
        <input type='checkbox' name='opt[]' value='3'id='ck3' /> Female<br>
        <input type="button" id="button_submit" value="go">
    </form>
</body>
</html>

我没有得到选中的复选框，有什么不对吗？

Answer 1

尝试添加$(document).ready：

<script type='text/javascript'>
$(document).ready(function(){
  $('#button_submit').click(function() 
  {...}
})
</script>

Answer 2

如果您只想查看多个复选框

$("input:checkbox").prop("checked", true )

Answer 3

鉴于上面的标记，这就是我填写支票的方式

$(document).ready(function() {
    $('#button_submit').click(function() {
       var check = { 'opt[]' : []};
       $('input[name="opt[]"]:checked').each(function() {
           check['opt[]'].push($(this).val());
       });

       // just for a bit of debugging
       for(var x in check['opt[]']) {
           $('span').append(check['opt[]'][x]);
       }
       // assuming you want to do something other than just let it submit

       return false;      
    });
});

请参阅http://jsfiddle.net/8Dm9C/1/以获取示例

我可以通过javascript检查多个复选框

3 个答案: