js checkbox 단일 선택

3769 단어 여행 하 다.
<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>
 
 
한 페이지 의 여러 요소 (컨트롤) 를 선택 하 십시오:
item 5, item 12, item 13 의 모든 checkbox 를 선택 하고 click 이벤트 등록
$("#item5 > input:checkbox,
#item12 > input:checkbox,
#item13 > input:checkbox").click(checkBoxClickHandler);
 
/ / 예 정 된 횟수 를 1 회 선택 하면 checkbox 를 단일 선택 으로 변경 합 니 다.
function checkBoxClickHandler(){
/ / name = "bookTimes" 요소 에서 선 택 된 요소 의 value 값 가 져 오기
times = $('input[@name=bookTimes][@checked]').val();
  if(times == null || times != 2){
     return;
  }
/ / 클릭 한 요소 의 아버지 요 소 를 가 져 오 는 id
  var parentId = $(this).parent().attr("id");
/ / 아버지 요소 의 모든 checkbox 를 가 져 옵 니 다.
  checkboxs = $("#" + parentId + " > input:checkbox");
/ / 클릭 한 checkbox 가 선택 되 지 않 으 면
if($(this).attr("checked") == false){
/ / 모든 checkbox 선택 가능
  checkboxs.removeAttr('disabled');
  return;
  }
/ / 선 택 된 것 을 제외 한 모든 checkbox 를 사용 할 수 없습니다. disabled
  checkboxs.attr('disabled',true);
  $(this).removeAttr('disabled');
}
 

좋은 웹페이지 즐겨찾기