체크 박스를 선택하면, 다른 두

Question

표는 그런 식으로 몇 행이 포함을 선택

<tr> 
    <td> 
     <input type="checkbox" name="indicator[]"> 
    </td> 
    <td> 
     <input type="checkbox" name="graduations[]"> 
    </td> 
    <td> 
     <input type="checkbox" name="graduations[]"> 
    </td> 
    <td> 
     <input type="checkbox" name="graduations[]"> 
    </td> 
    <td> 
     <input type="checkbox" name="graduations[]"> 
    </td> 
    <td> 
     <input type="checkbox" name="graduations[]"> 
    </td> 
</tr> 

나는 'indicator'을 선택하지 않은 경우 'graduations'이 선택되고 비활성화해야합니다. 그리고 체크 된 경우 정확하게 그 행에있는 두 개의 'graduations'을 확인해야합니다.

내 실제 코드는 'graduations'의 숫자 만 제한합니다.

$("#area_covered").click(function(){ 
    if($("#area_covered").is(':checked')) 
     $('.area_covered').prop('checked', true); 
    else 
     $('.area_covered').prop('checked', false); 
}); 

당신이 클릭하는거야 체크 박스에 약간의 ID를주고, 당신은 또한 확인받을 수하고자하는 다른 확인란의 양쪽에 몇 가지 클래스를 제공합니다 :

$(function() { 
    $('input[name=graduations\\[\\]]').click(function() { 
     if($(this).parent().siblings().children("input[name=graduations\\[\\]]:checkbox:checked").length >= 2) 
      this.checked = false; 
    }); 
}); 

Answer 1

이 시도 할 수 있습니다 . 는 확실히 당신을 위해 일하는 것이 위의 JQuery와 태그를 사용합니다. \

덕분에 코딩 : 업데이트

Answer 2

이 간단한 FIDDLE

$(function(){ 
    $("input[name^=graduations]").on("change",function(e){ 
     if((!$("input[name^=indicator]").is(":checked")) || +$("input[name^=graduations]:checked").length > 2){ 
       $(this).prop('checked',false); 
     } 

    }); 

}); 

이 간단한

희망을 만드는 시도 즐길 수 & 도움이