javascript - jqueryのチェック済み属性の設定と削除は機能しませんが、javascriptは機能します

Question

わかりやすくするために、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;
    });

});

Answer 1

今すぐ.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);
});

Answer 2

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

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

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

jsフィドル