0

スクリプトは次のとおりです（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>

チェックボックスがオンにならないのですが、何か問題がありますか?

4

3 に答える 3

2

追加してみてください$(document).ready：

<script type='text/javascript'>
$(document).ready(function(){
  $('#button_submit').click(function() 
  {...}
})
</script>
于 2012-11-22T13:03:28.850 に答える
0

上記のマークアップを考えると、これはチェックに入力する方法です

$(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/を参照してください。

于 2012-11-22T13:12:29.057 に答える
0

複数のチェックボックスをチェックしたいだけなら

$("input:checkbox").prop("checked", true )
于 2012-11-22T13:07:57.990 に答える