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">&gt;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')
)