[JQUERY] jQuery를이 - 체크 박스를 활성화 / 비활성화

jQuery를이 - 체크 박스를 활성화 / 비활성화

해결법

1. ---

   1.약간 마크 업을 변경 :

   약간 마크 업을 변경 :

   () {(기능 $ enable_cb (); $ ( "#의 그룹 1")을 클릭 (enable_cb).; }); enable_cb 함수 () { 경우 {(this.checked) $ ( "input.group1") removeAttr ( "장애인."); } 다른 { $ ( "input.group1") ATTR ( "장애인", TRUE).; } } <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">

   <입력 유형 = "체크 박스"이름 = "chkcc9"ID = "그룹 1은"> 확인 내게로
   로
   로
   로
   

   당신은 ID와 클래스를 도입하지 않고 사용하여이 속성 선택기를 할 수 있지만 (이럴) 열심히 읽기가 느리다합니다.

2. ---

   2.이것은 가장 최신의 솔루션입니다.

   이것은 가장 최신의 솔루션입니다.

   <form name="frmChkForm" id="frmChkForm">
       <input type="checkbox" name="chkcc9" id="group1" />Check Me
       <input type="checkbox" name="chk9[120]" class="group1" />
       <input type="checkbox" name="chk9[140]" class="group1" />
       <input type="checkbox" name="chk9[150]" class="group1" />
   </form>
   
   $(function() {
       enable_cb();
       $("#group1").click(enable_cb);
   });
   
   function enable_cb() {
       $("input.group1").prop("disabled", !this.checked);
   }
   

   여기 .attr ()와 .prop ()에 대한 사용 정보입니다.

   새로운 .prop () 함수를 사용합니다 :

   $("input.group1").prop("disabled", true);
   $("input.group1").prop("disabled", false);
   

   당신이) (.attr 사용해야하므로 .prop () 함수는 사용할 수 없습니다.

   할 (장애인 속성의 값을 설정하여) 체크 박스를 해제하려면

   $("input.group1").attr('disabled','disabled');
   

   및 (전체 속성을 제거하여) 활성화를 위해 할

   $("input.group1").removeAttr('disabled');
   

   당신은 단지 하나 개의 요소로 작업하는 경우, 항상 DOMElement.disabled = TRUE를 사용하는 것이 가장 빠른 것이다. .prop ()와 .attr () 함수를 사용하는 이점은 일치하는 모든 요소에서 작동한다는 것입니다.

   // Assuming an event handler on a checkbox
   if (this.disabled)
   

   REF : 설정은 jQuery로 체크 박스에 대해 "확인"?

3. ---

   3.

   <form name="frmChkForm" id="frmChkForm">
   <input type="checkbox" name="chkcc9" id="chkAll">Check Me
   <input type="checkbox" name="chk9[120]" class="chkGroup">
   <input type="checkbox" name="chk9[140]" class="chkGroup">
   <input type="checkbox" name="chk9[150]" class="chkGroup">
   </form>
   
   $("#chkAll").click(function() {
      $(".chkGroup").attr("checked", this.checked);
   });
   

   모든 확인란이 선택됩니다 수표를 보장하는 기능을 추가로 모든 개별 체크 박스가 체크 된 경우 / dechecked :

   $(".chkGroup").click(function() {
     $("#chkAll")[0].checked = $(".chkGroup:checked").length == $(".chkGroup").length;
   });
   

4. ---

   4.여기 JQuery와 1.10.2 사용하여 다른 샘플입니다

   여기 JQuery와 1.10.2 사용하여 다른 샘플입니다

   $(".chkcc9").on('click', function() {
               $(this)
               .parents('table')
               .find('.group1') 
               .prop('checked', $(this).is(':checked')); 
   });
   

5. ---

   5.$ (문서) .ready (함수 () { 클릭에 $ ( '#의 InventoryMasterError'). 클릭 (함수 (이벤트) {// (this.checked) {선택 상태를 확인 // 경우 각 체크 박스를 통해 ( ". checkerror ')를 $. 각 (함수 () {// 루프 $ ( '#의 selecctall') ATTR ( '장애인', '장애인.'); }); } 다른 { 각 체크 박스를 통해 ( ". checkerror ')를 $. 각 (함수 () {// 루프 $ ( '#의 selecctall') removeAttr ( '장애인', '장애인.'); }); } }); }); $ (문서) .ready (함수 () { 클릭에 $ ( '#의 selecctall'). 클릭 (함수 (이벤트) {// (this.checked) {선택 상태를 확인 // 경우 각 체크 박스를 통해 ( ". CheckBox1을 ')를 $. 각 (함수 () {// 루프 $ ( '#의 InventoryMasterError') ATTR ( '장애인', '장애인.'); }); } 다른 { 각 체크 박스를 통해 ( ". CheckBox1을 ')를 $. 각 (함수 () {// 루프 $ ( '#의 InventoryMasterError') removeAttr ( '장애인', '장애인.'); }); } }); }); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">

   $ (문서) .ready (함수 () { 클릭에 $ ( '#의 InventoryMasterError'). 클릭 (함수 (이벤트) {// (this.checked) {선택 상태를 확인 // 경우 각 체크 박스를 통해 ( ". checkerror ')를 $. 각 (함수 () {// 루프 $ ( '#의 selecctall') ATTR ( '장애인', '장애인.'); }); } 다른 { 각 체크 박스를 통해 ( ". checkerror ')를 $. 각 (함수 () {// 루프 $ ( '#의 selecctall') removeAttr ( '장애인', '장애인.'); }); } }); }); $ (문서) .ready (함수 () { 클릭에 $ ( '#의 selecctall'). 클릭 (함수 (이벤트) {// (this.checked) {선택 상태를 확인 // 경우 각 체크 박스를 통해 ( ". CheckBox1을 ')를 $. 각 (함수 () {// 루프 $ ( '#의 InventoryMasterError') ATTR ( '장애인', '장애인.'); }); } 다른 { 각 체크 박스를 통해 ( ". CheckBox1을 ')를 $. 각 (함수 () {// 루프 $ ( '#의 InventoryMasterError') removeAttr ( '장애인', '장애인.'); }); } }); }); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">

6. ---

   6.$ jQuery를 (함수 () { enable_cb (); jQuery를 ( "#의 그룹 1")을 클릭 (enable_cb).; }); enable_cb 함수 () { 경우 {(this.checked) jQuery를 ( "input.group1") removeAttr ( "장애인."); } 다른 { jQuery를 ( "input.group1") ATTR ( "장애인"참).; } } <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> <입력 유형 = "체크 박스"이름 = "chkcc9"ID = "그룹 1은"> 확인 내게로
   로
   로
   로
   

   $ jQuery를 (함수 () { enable_cb (); jQuery를 ( "#의 그룹 1")을 클릭 (enable_cb).; }); enable_cb 함수 () { 경우 {(this.checked) jQuery를 ( "input.group1") removeAttr ( "장애인."); } 다른 { jQuery를 ( "input.group1") ATTR ( "장애인"참).; } } <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> <입력 유형 = "체크 박스"이름 = "chkcc9"ID = "그룹 1은"> 확인 내게로
   로
   로
   로
   

from https://stackoverflow.com/questions/2330209/jquery-checkbox-enable-disable by cc-by-sa and MIT license