드롭 다운에 따라 클래스 별 확인란을 숨기거나 표시합니다. selectedIndex

Question

몇 가지 옵션과 사용자가 양식을 채우는 동안 특정 옵션을 선택한 경우에만 사용할 수있는 확인란 그룹이있는 드롭 다운 목록이 있습니다.

그런 다음 checkbox 그룹 (4 개의 체크 박스)이 있으며 그 중 3 개는 class = "extrasB"이며 만 선택할 수 있어야합니다. 사용자가 select (5,6).

위의 각 선택된 체크 박스는 폼의 총 비용 (필드 스코어)에 추가 비용 (값입니다)을 추가합니다. 사용자가 옵션 5를 선택하고 일부 체크 박스를 선택한 다음 원하는 옵션 3 (체크 박스 없음)을 결정했다고 가정 해 봅시다. 이것은 이미 체크 된 체크 박스를 자동으로 선택 취소하고 scost의 값을 변경해야합니다. 어떻게해야합니까?

여기에 모두 위의 내용이 적용되며 jsfiddle입니다. 확인란이 선택된 경우 JsFiddle

Answer 1

$("#symb").change(function() { 
    $("input:checkbox").attr('checked', false); 
    $(this).getTotal(); 
}) 

이

편집과 같은 함수를 변경

if($('input[name=foo]').is(':checked')) 

또는

if($('input[name=foo]').attr('checked')) 

은 선택을 취소합니다 체크 박스 :

$('input[name=foo]').attr('checked', false); 

이 체크 박스를 확인합니다 :

$('input[name=foo]').attr('checked', true); 

이별로 체크 박스의 참조를 얻을 수를 (예를 들어, extrasB) 다음과 같은 작업을 수행합니다.

$("input[type='checkbox'].extrasB").each(function(){ 
//check or uncheck 
}); 

건배!

Answer 2

방법을 알고 :