「jquery入門」ラジオボタン、セレクトボックスとチェックボックスの値を取得する

2017年11月7日

1.ラジオボタン
<form id="ddFrm">
<input type="radio" name="rdo_cft" value="tokyo" />
<input type="radio" name="rdo_cft" value="oosaka" checked />
<input type="radio" name="rdo_cft" value="kanagawa" />
</form>
var val = $('#ddFrm [name=rdo_cft]:checked’).val();

2.セレクトボックス
<form id="ddFrm">
<select name="selInfo" size="3″ multiple>
<option value="1″>tokyo</option>
<option value="2″ selected>oosaka</option>
<option value="3″ selected>kanagawa</option>
</select>
</form>
var val = $('#ddFrm [name=selInfo]’).val();

3.チェックボックス
<form id="ddFrm">
<input type="checkbox" name="chkInfo" value="11″ />
<input type="checkbox" name="chkInfo" value="22″ checked />
<input type="checkbox" name="chkInfo" value="33″ checked />
</form>
var $checked = $('#ddFrm [name=chkInfo]:checked’);
var valLst = $checked.map(function(index, el) {
return $(this).val(); });