JQuery와 : 확인하는 방법/체크 박스를 클릭

나는 가 반대 체크 박스 헤더를 승인 및 클릭에 체크 박스의 거부 모든 선택을 취소해야 할

에 체크 박스의 목록을 선택 취소합니다. jquery/javascript를 사용하여이를 어떻게 수행 할 수 있습니까?JQuery와 : 확인하는 방법/체크 박스를 클릭

<asp:TemplateField > 
     <HeaderTemplate> 
      Approve 
      <br /> 
      <input id="ChkAllApprovedItems" type="checkbox" /> 
     </HeaderTemplate> 
     <ItemTemplate> 
      <asp:CheckBox ID="chkApproval" Checked='<%#Eval("IsApproved").ToString()=="1"?true:false %>' runat="server" onclick="EnableApprove(this,this.checked);" /> 
     </ItemTemplate> 
    </asp:TemplateField> 

    <asp:TemplateField > 
     <HeaderTemplate> 
      Reject 
      <br /> 
      <input id="ChkAllRejectedItems" type="checkbox" /> 
     </HeaderTemplate> 
     <ItemTemplate> 
      <asp:CheckBox ID="chkReject" Checked='<%#Eval("IsRejected").ToString()=="1"?true:false %>' runat="server" onclick="EnableReject(this,this.checked);" /> 
     </ItemTemplate> 
    </asp:TemplateField>

누군가가 샘플 코드를 좀 도와 줄래 다음과 같이

Here is an image depicting my requirement

내 HTML 코드입니다.

감사합니다.

출처

2011-10-08 GethuJohn

HTML을 포함 시키면 합리적인 샘플 코드를 제공하는 것이 더 쉬울 것입니다. – matkins

@Jithin'$ ("input [type = checkbox] : not (: checked)", 문맥)'을 시작하게하는 아이디어는 문맥 요소 안의 체크되지 않은 체크 박스를 제공 할 것이다.). – Deeptechtons

이 예제에서는 특정 상태에있는 상자를 선택하지 않아도되기 때문에 : checked 또는 : not (: checked) 선택기를 사용하지 않아야합니다. 특정 유형의 모든 상자를 선택 취소하면됩니다 (거부 또는 승인). –

여기 아주 간단한 예제 :

http://jsfiddle.net/ZcFda/2/

이 두 배열
바인딩 "클릭"두 헤더 체크 박스에 이벤트에 모든 모든 동의 및 거부 확인란을 받기
머리글을 클릭하면 해당 클릭으로 인해 "체크 됨"이 발생했는지 확인하십시오.
그렇다면 적절한 체크 박스를 순환하여 checked = false로 설정하십시오.

출처

2011-10-08 06:45:50

감사합니다. Doug. 내 HTML에 대한 샘플 코드를 제게 제공해 주시겠습니까 – GethuJohn

HTML을 많이 볼 수는 없지만 HTML을 생성하는 일부 독점적 인 XML 태그처럼 보입니다. 대신 브라우저에서이 페이지의 "소스보기"를 표시 할 때 나타나는 실제 생성 된 출력, 즉 HTML을 게시 할 수 있습니까? –

기본 체크 박스를 기반으로 다른 체크 박스 속성을 변경할 수 있습니다. JS Fiddle

$("#master_checkbox").change(function(){ 
    // if checkbox is checked then chek all 
    if($(this).attr('checked')) { 
     $(".change_me").attr('checked', 'checked'); 
    } 
    // uncheck all 
    else { 
     $(".change_me").removeAttr('checked');  
    } 
});

출처

2011-10-08 06:53:51

감사합니다. 내 HTML에 대한 샘플 코드를 제공해 주시겠습니까 – GethuJohn

'$ ("# master_checkbox")'를'$ ("# ChkAllApprovedItems")'로 변경하고 모든 체크 박스에 클래스 ('.change_me' 또는 다른 것을 추가하십시오) 당신은 당신의 html에서 바꾸고 싶다. –

JQuery와 : 확인하는 방법/체크 박스를 클릭

답변

관련 문제