<! docType html public "-// w3c // dtd xhtml 1.0 엄격한 // en" "http://www.w.w.w.tr/xhtml1/dtd/xhtml1-Strict.dtd"> hatml xmlns = 'http : //wwwww.w.w.w.w.org/199/ xml : lang = 'en'> <head> <meta http-equiv = 'content-type'content = 'text/html; charset = utf-8 '/> <meta http-equiv ='content-language 'content ='en-us '/> <title> 선택 </title> <script type ='text/javaScript 'src ='jQuery-3.0.0.js '> </script> <text/javascript' > $ (document) .ready (function () {/**** ------------------------- ( 'change', on, function () {// $ ( "#check1"). bind ( "click", function () {$ ( 'click', function () {. // 方法一 if (this.checked == true) {$ ( 'input'). prop ( 'checked', true);} else {$ ( 'input'). prop ( 'checked', false);} if ($ ( ". do"). text () == "全选") {$ ( "."); } else {$ ( ". do"). 텍스트 ( "全选");}; /**** ---- 第一列 ---- ****/$ ( '#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 (this.checked == true) {$ ( '#check12,#check22,#check32,#c 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> <table> <tr> <td> <입력 유형 = "checkbox"id = "check1"/<label "/> <label for ="check1 "> </label> </td> <td> <입력 유형 ="checkbox "id ="checkl1 "/> ="checkl1 "> <td> <input type = "checkbox"id = "checkl2"/> <label for = "checkl2"> </label> </td> <td> <input type = "checkbox"id = "checkl3"/> <레이블에 대한 레이블 "checkl3"> 第三列 </label> </td> <td> <input type = "checkl 4"///> <라벨. for = "checkl4"> </label> </td> </tr> <tr> <td> <td> <td> <td> <입력 유형 = "checkh1"/<label "/> <label"for = "checkh1"> </label> </td> <td> <입력 유형 = "checkbox"id = "check11"/>> <td> <input type = "input ="idbox " /> </td> <td> <입력 유형 = "checkbox"id = "check13"/> </td> <td> <입력 유형 = "checkbox"id = "check14"/> </td> </tr> <tr> <입력 = "checkbox"id = "checkh2"/> <intd> <input> <td> 유형 = "checkbox"id = "check21"/> </td> <td> <입력 유형 = "checkbox"id = "id ="check22 "/> <td> <td> <input type ="checkbox "id ="check23 "/> <td> <td> <td> <td> <td> <td> <td> "checkh3"> <checkh3 "> </label> </label> </td> <td> <입력 유형 ="checkh3 "> </label> </td> <td> <input type ="checkh3 "id ="check31 "/> </td> <td> <입력 유형 ="checkbox "id ="check32 "/> </td> <input type ="check ""id id " /> </td> <td> <입력 유형 = "checkbox"id = "check34"/> </td> </td> <tr> <입력 유형 = "checkhox"id = "checkh4"/> <레이블에 대한 = "checkh4"> 第四行 </label> </td> <td> <input type = "id id ="id ""/>//td> 유형 = "checkbox"id = "check42" /> < /td> <td> <입력 유형 = "checkbox"id = "id ="check43 " /> <td> <td> <input type ="checkbox "id ="check44 " /> < /td> < /tr> <tr> <td> in weckh5" /> <라벨 for = "checkh5"> </label> </td> <td> <input type = "checkbox"id = "id ="check51 "/> <td> <input type ="checkbox "id ="check52 "/> </td> <td> <input bx"id = "check53"/> <td> <type "<input> "Check54"/> </td> </tr> </tbody> </table> </body> </html>效果图
以上所述是小编给大家介绍的 checkbox 选中一个另一个 checkbox 也会选中的实现代码的全部叙述, 希望对大家有所帮助, 如果大家想了解更多内容敬请关注武林网! 如果大家想了解更多内容敬请关注武林网!