我可以通過javascript檢查多個復選框

Question

這是腳本（javascript和jQuery）：

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

和HTML一：

<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 個解決方案

解決方案1
2 2012-11-22 13:03:28

解決方案2
0 2012-11-22 13:07:57

解決方案3
0 已采納 2012-11-22 13:12:29

我可以通過javascript檢查多個復選框

問題描述

3 個解決方案

解決方案1 2 2012-11-22 13:03:28

解決方案2 0 2012-11-22 13:07:57

解決方案3 0 已采納 2012-11-22 13:12:29

解決方案1
2 2012-11-22 13:03:28

解決方案2
0 2012-11-22 13:07:57

解決方案3
0 已采納 2012-11-22 13:12:29