「jQuery」ラジオボタンの状態を取得する方法(prop、is、val)

2020年10月26日

説明
$('selector’).eq(0から始まる順番).処理メソット
htmlコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="cft">
<input type="radio" name="empInfo" value="empInfoA" checked="checked">AA
<input type="radio" name="empInfo" value="empInfoB">BB
</div>
<div class="cft"> <input type="radio" name="empInfo" value="empInfoA" checked="checked">AA <input type="radio" name="empInfo" value="empInfoB">BB </div>
<div class="cft">
    <input type="radio" name="empInfo" value="empInfoA" checked="checked">AA
    <input type="radio" name="empInfo" value="empInfoB">BB
</div>

jQueryコード
ラジオ「AA」要素に対して処理
$('input[name=empInfo]:checked’).val() === 'empInfoA’;
$('input[name=empInfo]:eq(0)’).prop('checked’);
$('input[name=empInfo]:eq(0)’).is(':checked’);

ラジオ「BB」要素に対して処理
$('input[name=empInfo]:checked’).val()===’empInfoB’
$('input[name=empInfo]:eq(1)’).prop('checked’);
$('input[name=empInfo]:eq(1)’).is(':checked’);

jQuery

Posted by arkgame