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