0

私は次のjqueryを使用して、phpページですべての効果をチェックしています:-

<script>
$(function(){
    $("#checkall").click(function(){
        if($("#checkall").attr('checked')){
            $(".department").attr('checked', true);
        }else{
            $(".department").attr('checked', false);
        }
    });
});
</script>

<input type="checkbox" id="checkall" name="check_all" />

<input type="checkbox" name="department[]" class="department" value=""  checked = "checked"/>

すべてチェックして、すべてチェックを外すと、正常に機能します。ただし、フォームのリセットボタンでは機能しません。jqueryを変更するにはどうすればよいですか?ありがとう!

4

3 に答える 3

1

このデモをお試しください:http://jsfiddle.net/JCWaT/

ここにある私の古い返信:チェックボックスすべてのオプションをチェック

希望がニーズに合う:)

またはあなたの必要性のために http://jsfiddle.net/kJCcP/

コード

$('input[name="Company"],input[name="Country"]').click(function(){

          $(this).nextAll('input[name="'+this.name+'Sub"]').prop('checked',this.checked);

});
​

また

$('#checkall').click(function() {

    $(this).nextAll('.department').prop('checked', this.checked);

});​
于 2012-08-08T01:46:31.760 に答える
1

.prop代わりに使用してください。動作するデモ.attrを参照してください。

$(function(){
    $("#checkall").click(function(){
        if($(this).prop('checked')){
            $(".department").prop('checked', true);
        }else{
            $(".department").prop('checked', false);
        }
    });
});​

そして、あなたのコードはさらに短くなる可能性があります:

$(function(){
    $("#checkall").click(function(){
        $(".department").prop('checked', $(this).prop('checked'));
    });
});​
于 2012-08-08T01:47:57.660 に答える
1
$("#checkall").click(function(){
    $(".department").prop('checked', $(this).is(':checked') ); 
});

jQueryの.prop()ドキュメントには、属性を操作する代わりにこれを使用する必要がある理由を説明するセクションがあります。

于 2012-08-08T01:48:25.290 に答える