Jquery 확인란 다중 선택 및 행 선택

Question

아래 코드 및 화면 참조, 실제로 구성 화면입니다.

• 필드 이름 확인란을 클릭하면 모든 확인란이 선택되고 확인란을 선택 취소하면 모든 확인란이 선택 취소됩니다.
• While은 Field1 체크 박스를 클릭합니다. 하위 컨트롤은 (추가, 편집, 삭제)와 같이 선택되며 체크를 제거하면 확인란이 선택 취소됩니다.
• 내 질문에 내가이 작업을 수행하는 방법
• 모든 값은이 작업을 위해 내가 jQuery를 사용하고 값
• 를 얻기 위해 데이터베이스의 동적 필드에 제공 할 수있는 방법입니다.

이 문제를 해결하는 데 도움을주십시오. 의 긴급

<table width="100%"> 
     <tr style="background: #999; color: #FFF;"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_name" value="yes" id="Checkbox1" /> 
       <label for="field_name" class="checkboxlabel"> 
        Field Name</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox2" /> 
       <label for="default" class="checkboxlabel"> 
        Add</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox3" /> 
       <label for="default" class="checkboxlabel"> 
        Edit</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox4" /> 
       <label for="default" class="checkboxlabel"> 
        Delete</label> 
      </td> 
     </tr> 
     <tr class="row1"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_1" value="yes" id="field_1" /> 
       <label for="field_1" class="checkboxlabel"> 
        Field 1</label> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox5" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox6" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox7" /> 
      </td> 
     </tr> 
     <tr class="row2"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_1" value="yes" id="field_1" /> 
       <label for="field_1" class="checkboxlabel"> 
        Field 2</label> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox8" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox9" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox10" /> 
      </td> 
     </tr> 
    </table> 

Answer 1

이 코드

$("#mytable tr:first input[type=checkbox]").click(function() { 
    var selector = $("#mytable td:first-child input[type=checkbox]") 
    if (this.checked) { 
     $(selector).attr("checked", "checked"); 
    } 
    else { 
     $(selector).removeAttr("checked"); 
    } 
}); 

워킹 데모를 id="mytable" 같은 테이블에 ID를 부여하고 사용하십시오 : http://jsfiddle.net/naveen/ETKqx/

Answer 2

<script> 
    $(document).ready(function() { 
     $("table tr:first input[type=checkbox]").click(function() { 
      var selector = "input[type=checkbox]:[name=" + $(this).attr("name") + "]"; 
      $(selector).attr("checked", $(this).attr("checked")); 
     }); 
    }); 
</script> 
<table width="100%"> 
     <tr style="background: #999; color: #FFF;"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_name" value="yes" id="Checkbox1" /> 
       <label for="field_name" class="checkboxlabel"> 
        Field Name</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox2" /> 
       <label for="default" class="checkboxlabel"> 
        Add</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox3" /> 
       <label for="default" class="checkboxlabel"> 
        Edit</label> 
      </td> 
      <td> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox4" /> 
       <label for="default" class="checkboxlabel"> 
        Delete</label> 
      </td> 
     </tr> 
     <tr class="row1"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_name" value="yes" id="field_1" /> 
       <label for="field_1" class="checkboxlabel"> 
        Field 1</label> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox5" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox6" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox7" /> 
      </td> 
     </tr> 
     <tr class="row2"> 
      <td> 
       <input class="checkbox" type="checkbox" name="field_name" value="yes" id="field_1" /> 
       <label for="field_1" class="checkboxlabel"> 
        Field 2</label> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Add" value="yes" id="Checkbox8" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="Edit" value="yes" id="Checkbox9" /> 
      </td> 
      <td align="center"> 
       <input class="checkbox" type="checkbox" name="delete" value="yes" id="Checkbox10" /> 
      </td> 
     </tr> 
    </table>