jQueryを使ってラジオボタンやチェックボックスのチェックを付けたり外したりする方法

この記事は4年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんばんは。toshikuraです。今回のtipsは【jQueryを使ってラジオボタンやチェックボックスのチェックを付けたり外したりする方法】です。登場場面は多くない割には便利な方法だと思いますので記事にしておきます。

実装方法

JS

$(function(){
$(‘.on’).attr(‘checked’, true ) //チェックを入れる
$(‘.off’).attr(‘checked’, false) //チェックを外す
});

HTML

<input type="checkbox" class="on">
<input type="radio" name="yn" class="on">YES
<input type="radio" name="yn">NO

以上なります。