0

フォーム内のすべてのチェックボックスをチェックしようとしていますが、機能してjQueryいません。以下のコードを使用して、いくつかのリンク要素にバインドしました。

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').prop('checked', true);
    });

    $('#discounts_none').click(function() {
        $('.discount_select').prop('checked', false);
    });

}

私も試しました：

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').attr('checked', true);
    });

    $('#discounts_none').click(function() {
        $('.discount_select').attr('checked', false);
    });

}

要素の html:

<a href="javascript:void(0);" id="discounts_all">All</a>
<a href="javascript:void(0);" id="discounts_none">None</a>

ただし、それらをクリックしても何も起こりません。エラーも何もありません。

4

1 に答える 1

3

少なくとも大きな問題は、readyhandler:の閉じ括弧を見逃すことです);(コメントを参照)。

また、代わりにjavascript:void(0)次を使用しますreturn false;：

$(document).ready(function() {

    $('#discounts_all').click(function() {
        $('.discount_select').prop('checked', true);
        return false;
    });

    $('#discounts_none').click(function() {
        $('.discount_select').prop('checked', false);
        return false;
    });

}); // <<< Also you miss this: ");"

そしてhtml：

<a href="#" id="discounts_all">All</a>
<a href="#" id="discounts_none">None</a>

JSDIDDLE

于 2013-08-13T18:09:05.957 に答える