スキップしてメイン コンテンツに移動

投稿

ラベル(check)が付いた投稿を表示しています

jqueryでラジオボックス、チェックボックスの制御について

よく使うけど、よく忘れるから、今回は、まとめてみた。 ■ラジオボックスについて ソースコード例) ---- <p class="radio-area">     <input type="radio" name="lang" value="php" id="php">PHP     <input type="radio" name="lang" value="java" id="java">Java </p> ---- まず、ラジオボックスについては、 >ラジオボックスの選択 上記ソースコードで、PHPを選択状態にするとき、下記三つの方法がある。 ①$('input[name=lang]:checked').val(['php']); ②$('input[name=lang]:eq(0)').prop('checked', true); ③$('#php').attr('checked', 'checked'); ③がたまに、効かないと、よく、他のブログに見かける情報だけど、実際は、 上記の「①、②」と「③」を分けて使わないといけないらしい。 というのは、 ・「①、②」は、上記のソースコードがすでにレンダリングし、描画された場合に、 使うこと。 ・「③」は、上記のソースコードを動的に生成する際に、使うこと。 ※「①、②」を使っても、効かない。 >ラジオボックスの状態取得 上記ソースコードで、phpが選択されている状態だとして、下記の方法で取得できる。 ①$('input[name=lang]:checked').val() === 'php'; ②$('input[name=lang]:eq(0)').prop('checked'); ③$('input[name=lang]:eq(0...