イナヅマTVログ

[JavaScript] ユーザーがチェックしたradio, checkboxのチェックを外したい

| 0件のコメント

formの話です。
radio, checkboxのチェックをJavaScriptで外すお話しです。

以前の投稿「jQuery, checkboxやradioがチェックされているかを調べる」でattrubuteを削除する方法でチェックを外すと書きました。

$('#checkbox').removeAttr('checked');

しかし、ユーザーが(クリックやタップで)チェックを付けた場合はこの方法ではチェックは外れません。

ユーザーの行動でチェックを付けたり外したりした場合はchecked属性の内容は問われません。
ユーザーの意思が最優先されるためだろうと思います。

<input type="checkbox" id="checkbox" value="XXXX" />

代わりに次のようにするとチェックが外せます。

var checkbox = document.getElementById( "checkbox" );
checkbox.checked = false;

checked プロパティへ”false”を設定します。

コメントを残す

必須欄は * がついています


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください