<! Doctype html public "- // w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><html xmlns = 'http: //www.w3.org/1999/xhtml' xml: Lang = 'en'> <adref> <meta http-equiv = 'content-type' contenu = 'text / html; charset = utf-8 '/> <meta http-equiv =' contenant-ling 'contenu =' en-us '/> <tight> cochebox select </ title> <script type =' text / javascript 'src =' jQuery-3.0.0.js '> </ script> <script type =' Text / javascript ' > $ (document) .ready (function () {/ **** ---- 全选 ---- **** /// $ ('# check1'). On ('modifier', function () {// $ ("# check1"). bind ("click", function () {$ ('# check1'). sur ('click', function () {{) // 方法一 if (this.checked == true) {$ ('input'). Prop ('checked', true);} else {$ ('input'). Prop ('checked', false);} if ($ (". Do"). } // 方法二 //$('Input · Type=checkbox Val-').prop('Checked' ,$ (This ).prop('checked'));}); / **** ---- 第一列 ---- **** / $ ('# checkl1'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check11, # check21, # check31, # vérifie K41, # Check51 '). Prop (' Checked ', true);} else {$ (' # Check11, # Check21, # Check31, # Check41, # Check51 '). Prop (' Checked ', false);} // 方法二如上}); / **** ---- 第二列 ---- **** / $ ('# checkl2'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check12, # check22, # check32, # c heck42, # check52 '). Prop (' checked ', true);} else {$ (' # check12, # check22, # check32, # check42, # check52 '). prop (' vérifié ', false);} // 方法二 方法二如上}); / **** ---- 第三列 ---- **** / $ ('# checkl3'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check13, # check23, # check33, # c heck43, # check53 '). Prop (' vérifié ', true);} else {$ (' # check13, # check23, # check33, # check43, # check53 '). prop (' checked ', false);} // 方法二 方法二 方法二如上}); / **** ---- 第四列 ---- **** / $ ('# checkl4'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check14, # check24, # check34, # c heck44, # check54 '). Prop (' vérifié ', true);} else {$ (' # check14, # check24, # check34, # check44, # check54 '). prop (' checked ', false);} // 方法二 方法二 方法二如上}); / **** ---- 第一行 ---- **** / $ ('# Checkh1'). On ('cliquez' heck13, # check14 '). Prop (' vérifié ', true);} else {$ (' # Check11, # Check12, # Check13, # Check14 '). Prop (' Checked ', false);} // 方法二如上}); / **** ---- 第二行 ---- **** / $ ('# checkh2'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# chèque21, # chèque22, # c heck23, # check24 '). prop (' vérifié ', true);} else {$ (' # chèque21, # chèque22, # chèque如上}); / **** ---- 第三行 ---- **** / $ ('# checkh3'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check31, # check32, # c, # c heck33, # check34 '). prop (' vérifié ', true);} else {$ (' # chèque31, # check32, # chèque33, # chèque34 '). Prop (' vérifié ', false);} // 方法二 方法二如上}); / **** ---- 第四行 ---- **** / $ ('# checkh4'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check41, # check42, # c, # c heck43, # check44 '). Prop (' vérifié ', true);} else {$ (' # chèque41, # chèque42, # chèque43, # chèque44 '). Prop (' vérifié ', false);} // 方法二 方法二如上}); / **** ---- 第五行 ---- **** / $ ('# checkh5'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('# check51, # check52, # c, # c heck53, # check54 '). Prop (' vérifié ', true);} else {$ (' # check51, # check52, # check53, # check54 '). Prop (' checked ', false);} // 方法二 方法二如上});}); </ script> </ head> <body> <s tablel> <tr> <td> <entrée type = "checkbox" id = "check1" /> <label for = "check1"> 全选 </ label> </ td> <td> <entrée type = "checkbox" id = "checkl1" /> <étiquette pour = "checkl1"> 第一列第一列 </ label> type = "checkbox" id = "checkl2" /> <label for = "checkl2"> 第二列 </ labe> </td> <td> <input type = "checkbox" id = "checkl3" /> <label for = "checkl3"> 第三列 </ label> </ td> <td> <entrée type = "checkbox" id = "checkl4" /> <s> for = "checkl4"> 第四列 </ label> </td> </ tr> <tr> <td> <entrée type = "checkbox" id = "checkh1" /> <label for = "checkh1"> 第一行 </ label> </td> <td> <entrée type = "checkbox" id = "check11" /> </td> <td> <put-type = "checkbox" id = "" "" "" "" "" "" "" "" "" /> </ td> <td> <entrée type = "checkbox" id = "check13" /> </td> <td> <input type = "checkbox" id = "check14" /> </td> </ tr> <tr> <td> <entrée type = "checkbox" id = "checkh2" /> <étiquette pour = "Checkh2"> 第二行 第二行 </ label> type = "checkbox" id = "check21" /> </td> <td> <input type = "checkbox" id = "check22" /> </ td> <td> <input type = "checkbox" id = "check23" /> </td> <td> <input type = "coKbox" id = "check24" /> </td> </s </ tr> <Tr> = "Checkh3" /> <étiquette pour = "Checkh3"> 第三行 </ Label> </ Td> <Td> <Input Type = "Checkbox" ID = "Check31" /> </ Td> <Td> <Type de Type = "Checkbox" ID = "Check32" /> </ TD> <TD> <Type = "CHECKBOX" ID = "Check33" /> </ Td> <Tyd type = "checkbox" id = "check34" /> </td> </ tr> <tr> <td> <entrée type = "checkbox" id = "checkh4" /> <label for = "checkh4"> 第四行 </ label> </td> <td> <entrée type = "checkbox" id = "check41" /> </td> <td> <port /> </ td> <td> <entrée type = "checkbox" id = "check43" /> </td> <td> <input type = "checkbox" id = "check44" /> </td> </tr> <tr> <td> <entrée type = "checkbox" id = "checkh5" /> <étiquette pour = "Checkh5"> 第五行 第五行 </ label> type = "checkbox" id = "check51" /> </td> <td> <input type = "checkbox" id = "check52" /> </td> <td> <input type = "checkbox" id = "check53" /> </td> <td> <entrée type = "cochebox" id = "check54" /> </ td> </ tr> </ tbody> </ table> </ body> </html>效果图
以上所述是小编给大家介绍的 BOID BOX 选中一个另一个 COTHOX 也会选中的实现代码的全部叙述 ， 希望对大家有所帮助 ， 如果大家想了解更多内容敬请关注武林网！