js checkbox単一選択
3543 ワード
<h3>5. *** , ?( )
</h3>
<div id="item5">
<input name="hotelStar" id="hotelStar-1" value="1" type="checkbox">
<input name="hotelStar" id="hotelStar-2" value="2" type="checkbox">
<input name="hotelStar" id="hotelStar-3" value="3" type="checkbox">
<input name="hotelStar" id="hotelStar-4" value="4" type="checkbox">
<input name="hotelStar" id="hotelStar-5" value="5" type="checkbox">
<span id="hotelStar-error">
</span></div>
<h3>6. *** , ?</h3>
<div id="item6">
<input name="bookInterval" id="bookInterval-1" value="1" type="radio">1
<input name="bookInterval" id="bookInterval-2" value="2" type="radio">1
<input name="bookInterval" id="bookInterval-3" value="3" type="radio">1
<input name="bookInterval" id="bookInterval-4" value="4" type="radio">1
<input name="bookInterval" id="bookInterval-5" value="5" type="radio">>1
<input name="bookInterval" id="bookInterval-6" value="6" type="radio">
<span id="bookInterval-error">
</span></div>
。。。
<h3>12. ?( )</h3>
<div id="item12">
<input name="orderFor" id="orderFor-1" value="1" type="checkbox">
<input name="orderFor" id="orderFor-2" value="2" type="checkbox">
<input name="orderFor" id="orderFor-3" value="3" type="checkbox">
<input name="orderFor" id="orderFor-4" value="4" type="checkbox">
<input name="orderFor" id="orderFor-5" value="5" type="checkbox">
<input name="orderFor" id="orderFor-6" value="6" type="checkbox">
<span id="orderFor-error">
</span></div>
ページ上の複数の要素(コントロール)を選択します.
アイテム5、アイテム12、アイテム13の全てのcheckboxを選択し、clickイベントを登録します.
ドル(「萉item 5」input:checkbox、
萝照item 12>input:checkbox、
萝item 13>input:checkbox".click(check BoxClickHandler);
//予定の回数を選択すると1回、チェックボックスをシングルにします.
function check BoxClickHandler()
//nameを取得する=「book Times」の要素の中で選択されたその要素のvalueの値
times=''input[@name=book Times][@checked]').val();
if(times==null 124 times!=2){
return;
}
//クリックされた要素の父親要素のidを取る
var parentId=$
//父親の要素を取る全てのcheckbox
checkbox=$(「菗」+parentId+「>input:checkbox」)
//クリックされたcheckboxが選択されていない場合
if($this).atr("checked"==false){
//すべてのcheckboxが選択できます.
checkboxs.removeAttr('disabled')
return;
}
//選択以外の全てのcheckboxは利用できません.disabled
checkbox.atr('disabled',true);
$(this).removeAttr('disabled')
)