<! doctype html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3 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> <script typ > $ (document) .Ready (function () {/**** ------ 全选 ---- **** // $ ('#check1'). on ('change' ، function () {// $ ("#check1"). bind ( // 方法一 if (this.checked == true) {$ ('input'). prop ('check' ، true) ؛} {$ ('input'). prop ('checked' ، false) ؛} if ($ (". } // 方法二 //$('INPUT Budaptype=Checkbox''s's). /**** ---- 第一列 ---- ****/$ ('#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) ؛} // 方法二如上}) ؛ ستر type = "checkbox" id = "checkl2"/> <label for = "checkl2"> 第二列 </billy> </td> <td> <type type = "checkbox" id = "checkl3"/> <label for = "checkl3"> 第三列 </bably> </td> <td> لـ = "checkl4"> 第四列 </billy> </td> </tr> <tr> <td> <type type = "checkbox" id = "checkh1"/> <label for = "checkh1"> 第一行 </label> </td> <td> <type type = "checkbox" id = "check1"/> <td> /> </td> <td> <type type = "checkbox" id = "check13"/> </td> <td> <type type = "checkbox" id = "check14"/> </td> </td> <td> <td> <input type = "checkbox" id = "checkh2"/> type = "checkbox" id = "check21"/> </td> <td> <type type = "checkbox" id = "check22"/> </td> <td> <input type = "checkbox" id = "check23"/> </td> <td> = "checkh3"/> <label for = "checkh3"> 第三行 </sable> </td> <td> <type type = "checkbox" id = "check31"/> </td> <td> <tded type = "check32 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> <td> <type type = "checkbox" id = "check43"/> </td> <td> <type type = "checkbox" id = "check44"/> </td> </td> <td> <td> <td type = "checkbox" id = "checkh5"/> type = "checkbox" id = "check51" /> </td> <td> <type type = "checkbox" id = "check52" /> </td> <td> <input type = "checkbox" id = "check53" /> </td> <td> <type type = "checks54" /> </td> </tr> </tbody> </table> </body> </html>效果图
以上所述是小编给大家介绍的 مربع الاختيار 选中一个另一个 مربع الاختيار 也会选中的实现代码的全部叙述 ， 希望对大家有所帮助 ， 如果大家想了解更多内容敬请关注武林网！