jQuery를 모든 체크 박스

이 같은 시나리오를 생각해보십시오 확인 :jQuery를 모든 체크 박스

<asp:CheckBoxList>를 마스터 페이지에.
목표는이 목록의 모든 확인란을 페이지로드시 검사하도록하는 것입니다.
페이지에 많은 확인란 목록이 있습니다.

마크 업 :

<input id="ctl00_cphContent_chkSubscriptionType_0" type="checkbox" name="ctl00$cphContent$chkSubscriptionType$0" />

질문 :

<asp:CheckBoxList runat="server" ID="chkSubscriptionType" DataSourceID="myDS" CssClass="boxes" DataTextField="Name" DataValueField="Name" />

가 렌더링 어떻게 jQuery를이 document.ready에이 asp:CheckBoxList에있는 모든 상자를 확인하기 위해 사용할 수 있습니까? 샘플은 어디에서나 볼 수 있지만 마스터 페이지에서 사용하는 명명 규칙은 다른 위치의 샘플을 버립니다.

출처

2010-01-18 p.campbell

는 관계없이 ASP/PHP/루비 등의

$(function(){ 
    // On dom-ready, all checkboxes in span.names will be checked 
    $("span.names :checkbox").attr("checked", "checked"); 
}); 

<span class="names"> 
    <asp:CheckBoxList ... /> 
</span>

출처

2010-01-18 19:02:29 womp

css 클래스가 문제의 확인란에만 해당되면 선택기에서도 사용할 수 있습니다. – grenade

정말 도움이되는 +1입니다. –

ASP.NET의 명명 규칙은 다소 실망 스럽습니다. 스팬에 요소를 래핑하고 클래스를 제공하여 사이드 텝할 수 있습니다. 때문에 이름의

$(document).ready(function(){ 
     $("input[type=checkbox]").attr("checked", "checked"); 
});

출처

2010-01-18 18:59:17 Sampson

+1하지만': checkbox'를'input [type = checkbox] '로 바꿉니다. –

BlueRaja, 왜죠? ': checkbox'는'input [type = 'checkbox']'의 짧은 형식입니다. – Sampson

Is : 입력란 [type = 'checkbox']의 단축형 또는 [type = 'checkbox'] 만 입력 하시겠습니까? http://docs.jquery.com/Selectors/checkbox는 입력 : 제안 확인란을 제안하여 후자를 의미하는 것으로 보입니다. – mark123

, 당신이 뭔가를 할 수 있어야한다 : 당신은 당신의 선택을 집중하는 span.class을 사용할 수 있습니다 컨테이너의 경우 ID가 자동 생성되어 엉망이됩니다. 속성 필터를 사용하여 알고있는 부분 인 "chkSubscriptionType"을 포함하는 모든 요소를 선택할 수 있습니다. 예를 들면 :는

$("input[id*=chkSubscriptionType]").attr("checked", "checked");

*는 = "contains"를 의미한다.

출처

2010-01-18 19:00:51

jQuery를 모든 체크 박스

답변

관련 문제