1

わかりやすくするために、2 つのボタンを使用してチェックボックスをオンおよびオフにしたいチェックボックスがあるとします。

基本的なjavascriptを使用してボックスをチェック/チェック解除できますが、jqueryを使用すると、属性を削除するとすぐに元に戻すことができません...理由は何ですか?

説明するために基本的なフィッフルを作成しました。

http://jsfiddle.net/2K244/

<button id='button1'>check</button>
<button id='button2'>uncheck</button>
<input type="checkbox" id="myBox1" value="polo" />
<br/>
<button id='button3'>check</button>
<button id='button4'>uncheck</button>
<input type="checkbox" id="myBox2" value="polo" />
<br/>

$(document).ready(function () {
    $('#button1').click(function () {
        $('#myBox1').attr('checked','checked');
    });
    $('#button2').click(function () {
        $('#myBox1').removeAttr('checked');
    });
    $('#button3').click(function () {
        document.getElementById('myBox2').checked = true;
    });
    $('#button4').click(function () {
        document.getElementById('myBox2').checked = false;
    });

});
4

5 に答える 5

3

今すぐ.prop()を使用する必要があります。

http://jsfiddle.net/2K244/1/

$('#button1').click(function () {
    $('#myBox1').prop('checked',true);
});
$('#button2').click(function () {
    $('#myBox1').prop('checked', false);
});
$('#button3').click(function () {
    $('#myBox2').prop('checked', true);
});
$('#button4').click(function () {
    $('#myBox2').prop('checked', false);
});
于 2013-08-01T15:49:48.853 に答える
0

チェックされた状態のステータスは、 true||を使用して変更できます。falseメソッドの 2 番目のパラメーター.prop()。

$('#btn_checked').on('click', function() {
     $('#myBox1').prop('checked', true);
});

$('#btn_unchecked').on('click', function() {
     $('#myBox1').prop('checked', false);
});

jsフィドル

于 2013-08-01T15:52:15.097 に答える