<! DocType html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><htmlml xmlns = 'http: //www.w3.org/1999/xhtml' xml: Lang = 'en'> <head> <meta http-equiv = 'content-type' content = 'text/html; charSet = utf-8 '/> <meta http-equiv =' contentsprachiger 'content =' En-us '/> <title> Kontrollkästchen Auswählen </title> <script type =' text/javascript 'src =' jquery-3.0.0.js '> </script> <script =' text/javascript '' >$(document).ready(function(){/****----全选----****///$('#check1').on('change',function(){//$("#check1").bind("click",function(){$('#check1').on('click',function(){ // 方法一 if (this. Checked == true) {$ ('Eingabe'). } // 方法二 //$('input -type=checkBox weibliche ') .Prop('Checked'wo(this).Prop('Checked'));}); /**** ---- 第一列 ---- ****/$ ('#checkl1'). On ('klick', function () {// 方法一 if (this.Checked == true) {$ ('######check21,#######scheck K41,#check51 '). prop (' checked ', true);} else {$ ('##check11,##check21,#teche31,##check41,##check51 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第二列 ---- ****/$ ('#checkl2'). On ('klick', function () {// 方法一 if (this.Checked == true) {$ ('############c heck42,#check52 '). prop (' checked ', true);} else {$ ('##check12,##check22,#####check42,##tect52 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第三列 ---- ****/$ ('#checkl3'). On ('klick', function () {// 方法一 if (this. Checked == true) {$ ('############c heck43,#check53 '). prop (' checked ', true);} else {$ ('##check13,#check23,##teche33,#teche43,##Check53 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第四列 ---- ****/$ ('#Checkl4'). On ('Click', function () {// 方法一 if (this.Checked == true) {$ ('############c Heck44,#check54 '). prop (' checked ', true);} else {$ ('##check14,##check24,##tect34,#teche44,#Check54 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第一行 ---- ****/$ ('#checkh1'). On ('click', function () {// 方法一 if (this.Checked == true) {$ ('#######c Heck13,#check14 '). prop (' checked ', true);} else {$ ('##teche11,##check12,####check14 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第二行 ---- ****/$ ('#checkh2'). On ('click', function () {// 方法一 if (this.Checked == true) {$ ('#######c Heck23,#check24 '). prop (' checked ', true);} else {$ ('##check21,#check22,##check23,##check24 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第三行 ---- ****/$ ('#checkh3'). On ('click', function () {// 方法一 if (this.Checked == true) {$ ('#######c heck33,#check34 '). prop (' checked ', true);} else {$ ('##check31,#check32,##check33,##check34 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第四行 ---- ****/$ ('#checkh4'). On ('click', function () {// 方法一 if (this.Checked == true) {$ ('#######c heck43,#check44 '). prop (' checked ', true);} else {$ ('##teche41,#check42,##check43,##check44 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第五行 ---- ****/$ ('#checkh5'). On ('click', function () {// 方法一 if (this.Checked == true) {$ ('#######c heck53,#check54 '). prop (' checked ', true);} else {$ ('##teche51,##check52,##check53,##check54 '). prop (' checked ', false);} // 方法二如上});}; type = "checkBox" id = "checkl2"/> <label für = "checkl2"> 第二列 </label> </td> <td> <Eingabe type = "Checkbox" id = "Checkl3"/> <label für = "Checkl3"> 第三列 </td> </td> <td> <type = "Checkl3"> 第三列 </label> </td> <td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <Td> <Tlabels type = "checkl3" 第三列 第三列 </label for="checkl4">第四列</label></td> </tr><tr><td><input type="checkbox" id = "checkh1" /><label for="checkh1">第一行</label></td><td><input type="checkbox" id = "check11" /></td><td><input type="checkbox" id = "check12" /></td><td><input type="checkbox" id = "check13" /></td><td><input type="checkbox" id = "check14" /></td></tr><tr> <td><input type="checkbox" id = "checkh2" /><label for="checkh2">第二行</label></td><td><input type = "checkbox" id = "check21"/> </td> <td> <input type = "checkbox" id = "check22"/> </td> <td> <Eingabe type = "pechbox" id = "check23"/> </td> <td> <Eingabe type = "checkbox" id = "id> </td> </td> </td> = "checkh3" /><label for="checkh3">第三行</label></td><td><input type="checkbox" id = "check31" /></td><td><input type="checkbox" id = "check32" /></td><td><input type="checkbox" id = "check33" /></td><td><input type="checkbox" id = "check34" /></td></tr><tr><td><input type="checkbox" id = "checkh4" /><label for="checkh4">第四行</label></td><td><input type="checkbox" id = "check41" /></td><td><input type="checkbox" id = "check42" /> </td> <td> <Eingabe type = "checkBox" id = "check43"/> </td> <td> <Eingabe type = "pechbox" id = "check44"/> </td> </tr> <tr> <Td> <Eingabe type = "checkbox" id = "checkh5"/> <td> <td> </td> </td> <- type = "checkbox" id = "check51" /> < /td> <td> <Eingabe type = "pechox" id = "check52" /> < /td> <td> <Eingabe type = "pechox" id = "check53" /> < /td> <td> <Eingabe type = "pechbox" id = "check53" /> < /td> <td> <Eingabe type = "checkbox" id = "theck 54" /> </td> </tr> </tbody> </table> </body> </html>效果图
以上所述是小编给大家介绍的 Kontrollkästchen 选中一个另一个 Kontrollkästchen 也会选中的实现代码的全部叙述 ， 希望对大家有所帮助 ， 如果大家想了解更多内容敬请关注武林网！ 如果大家想了解更多内容敬请关注武林网！