<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns = 'httml: htttp: htttp: httm: htttp: httml. xml: lang = 'en'> <head> <meta http-equiv = 'konten-tipe' konten = 'teks/html; charset = utf-8 '/> <meta http-equiv =' konten-bahasa 'konten =' en-us '/> <itement> kotak centang pilih </iteme> <script type =' text/javascript 'src =' jQuery-3.0.0.js '> </skrip> <script =' teks/javascript ' > $ (dokumen) .ready (function () {/**** ---- 全选 ---- **** /// $ ('#check1'). on ('ubah', function () {// $ ("#check1"). bind ("klik", fungsi () {$ ('#check1'). On ('klik' () {function () {$ ('#check1'). // 方法一 if (this.checked == true) {$ ('input'). Prop ('checked', true);} else {$ ('input'). Prop ('checked', false);} if ($ (". Do"). Text () == "全选") {$ (". DO"). TEKS (" } else {$ (". do"). text ("全选"); /**** ---- 第一列 ---- ****/$ ('#checkl1'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check11,#check21,#check31,#chec k41,#check51 '). prop (' checked ', true);} else {$ ('#check11,#check21,#check31,#check41,#check51 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第二列 ---- ****/$ ('#checkl2'). On ('click', function () {// 方法一 if (ini heck42,#check52 '). prop (' checked ', true);} else {$ ('#check12,#check22,#check32,#check42,#check52 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第三列 ---- ****/$ ('#checkl3'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check13,#check23,#check33,#c heck43,#check53 '). prop (' checked ', 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 (' checked ', true);} else {$ ('#check14,#check24,#check34,#check44,#check54 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第一行 ---- ****/$ ('#checkh1'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check11,#check12,#c heck13,#check14 '). prop (' checked ', true);} else {$ ('#check11,#check12,#check13,#check14 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第二行 ---- ****/$ ('#checkh2'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check21,#check22,#c heck23,#check24 '). prop (' checked ', true);} else {$ ('#check21,#check22,#check23,#check24 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第三行 ---- ****/$ ('#checkh3'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check31,#check32,#c heck33,#check34 '). prop (' checked ', true);} else {$ ('#check31,#check32,#check33,#check34 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第四行 ---- ****/$ ('#checkh4'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check41,#check42,#c heck43,#check44 '). prop (' checked ', true);} else {$ ('#check41,#check42,#check43,#check44 '). prop (' checked ', false);} // 方法二如上});/**** ---- 第五行 ---- ****/$ ('#checkh5'). On ('click', function () {// 方法一 if (this.checked == true) {$ ('#check51,#check52,#c heck53,#check54 '). prop (' checked ', true);} else {$ ('#check51,#check52,#check53,#check54 '). prop (' checked ', false);} // 方法二如上});}); </script> </head> <body> <able> <tr> <td> <input type = "centang kotak" id = "check1"/> <label untuk = "check1"> 全选 </label> </td> <td> <input = "centang" ID = "Checkl1"/Td </td <第一列 <第一列 <第一列 </tdput = 第一列 </tdput = 第一列 </td </tdput = 全选 </tdput = 全选 </Td </tdput = type = "centang kotak" id = "checkl2"/> <label for = "checkl2"> 第二列 </label> </td> <td> <input type = "centang kotak" id = "checkl3"/> <label untuk = "checkl3"> </label> </td> <td> <input type = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "centang" ID = "" centang "ID =" centang "ID =" "ID" ID "ID =" "CHECKLBOX" ID = "" ID "ID" ID = "" Inputbox "ID =" " untuk = "checkl4"> 第四列 </label> </td> </tr> <tr> <td> <input type = "centang kotak" id = "checkh1"/> <label for = "checkh1"> 第一行 </label> </td> <td> <input = "checkbox" ID = "check11"/</td> <td> <input = "checkbox" ID = "check11"//td = "TD" tdpox = "Type =" Tipe "ID =" ID "CHECK11"/TD = "TD =" /> </td> <td> <input type = "centang kotak" id = "check13"/> </td> <td> <input type = "kotak centang" id = "check14"/> </td> </tr> <td> <input = "centang" ID = "centang"/TR> <TD "<tdput =" centang "ID =" TR/TR/TD </TD "ID =" TR> </TD " type = "centang kotak" id = "check21"/> </td> <td> <input type = "centang kotak" id = "check22"/> </td> <td> <input type = "centang kotak" id = "check23"/> </td> </td </td </typbox = "centang" ID = "TR/TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </TD </td type = "centang kotak" id = "checkh3"/> <label for = "checkh3"> 第三行 </label> </td> <td> <input type = "centang kotak" id = "check31"/> </td> <td> <input type = "centang" id = "centang" ID = "centang" ID = "ID =" ID = "ID =" ID = "ID =" ID = "ID =" ID = "ID =" ID = "ID =" ID = "ID =" ID "ID =" ID = "ID =" ID = "ID" ID = "ID" ID "ID =" ID "ID" ID "ID" ID "ID" ID "ID" ID "ID" ID "ID" ID "ID =" /> </td> <td> <input type = "centang kotak" id = "check34"/> </td> </tr> <tr> <td> <input type = "centang" id = "checkh4"/> <label for = "checkh4"> 第四行 </label> </td> <td> <tdbox = "> </label </label> </td> <td> <tdpbox =" ID = "</label4 type = "centang kotak" id = "check42" /> </td> <td> <input type = "centang kotak" id = "check43" /> </td> <td> <input type = "checkbox" id = "check44" /> </td> </tr> <tr> <td> <input = "centang =" centang = "centang =" centang = "centang =" "centang" "Id =" "Id =" "ID =" " for="checkh5">第五行</label></td><td><input type="checkbox" id = "check51" /></td><td><input type="checkbox" id = "check52" /></td><td><input type="checkbox" id = "check53" /></td><td><input type="checkbox" id = "check54"/> </td> </tr> </tbody> </able> </body> </html>效果图
以上所述是小编给大家介绍的 kotak centang 选中一个另一个 kotak centang 也会选中的实现代码的全部叙述 ， 希望对大家有所帮助 ， 如果大家想了解更多内容敬请关注武林网！