<! doctype html public "-// w3c // dtd xhtml 1.0 เข้มงวด // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> 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 =' content-language 'content =' en-us '/> <title> ช่องทำเครื่องหมายเลือก </title> <script type =' text/javascript 'src =' jQuery-3.0.0.js '> </script> > $ (เอกสาร) .ready (function () {/**** ---- 全选 ---- **** /// $ ('#check1'). on ('เปลี่ยน', function () {// $ ("#check1"). // 方法一ถ้า (this.checked == true) {$ ('อินพุต'). prop ('ตรวจสอบ', true);} else {$ ('อินพุต'). prop ('ตรวจสอบ', เท็จ); } // 方法二 //$('Input [Ttype=CheckBox เหมือนกัน').prop('Checked',$(This).prop('Checked '));}); /**** ---- 第一列 ---- ****/$ ('#checkl1'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check11,#check21,#check31,#check k41,#check51 '). prop (' ตรวจสอบ ', true);} else {$ ('#check11,#check21,#check31,#check41,#check51 '). prop (' ตรวจสอบ ', false);} // 方法二如上});/**** ---- 第二列 ---- ****/$ ('#checkl2'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check12,#check22,#check32,#c HECK42,#check52 '). prop (' ตรวจสอบ ', true);} else {$ ('#check12,#check22,#check32,#check42,#check52 '). prop (' ตรวจสอบ ', false);} // 方法二方法二如上});/**** ---- 第三列 ---- ****/$ ('#checkl3'). on ('คลิก', ฟังก์ชั่น () {// 方法一ถ้า (this.checked == true) {$ ('#check13,#check23,#check33,#c HECK43,#check53 '). prop (' ตรวจสอบ ', true);} else {$ ('#check13,#check23,#check33,#check43,#check53 '). prop (' ตรวจสอบ ', false);} // 方法二方法二如上});/**** ---- 第四列 ---- ****/$ ('#checkl4'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check14,#check24,#check34,#c HECK44,#check54 '). prop (' ตรวจสอบ ', true);} else {$ ('#check14,#check24,#check34,#check44,#check54 '). prop (' ตรวจสอบ ', false);} // 方法二如上});/**** ---- 第一行 ---- ****/$ ('#checkh1'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check11,#check12,#c c HECK13,#check14 '). prop (' ตรวจสอบ ', true);} else {$ ('#check11,#check12,#check13,#check14 '). prop (' ตรวจสอบ ', false);} // 方法二方法二如上});/**** ---- 第二行 ---- ****/$ ('#checkh2'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check21,#check22,#c Heck23,#check24 '). prop (' ตรวจสอบ ', true);} else {$ ('#check21,#check22,#check23,#check24 '). prop (' ตรวจสอบ ', false);} // 方法二如上});/**** ---- 第三行 ---- ****/$ ('#checkh3'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check31,#check32,#c Heck33,#check34 '). prop (' ตรวจสอบ ', true);} else {$ ('#check31,#check32,#check33,#check34 '). prop (' ตรวจสอบ ', false);} // 方法二方法二如上});/**** ---- 第四行 ---- ****/$ ('#checkh4'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check41,#check42,#c HECK43,#check44 '). prop (' ตรวจสอบ ', true);} else {$ ('#check41,#check42,#check43,#check44 '). prop (' ตรวจสอบ ', false);} // 方法二如上});/**** ---- 第五行 ---- ****/$ ('#checkh5'). on ('คลิก', function () {// 方法一ถ้า (this.checked == true) {$ ('#check51,#check52,#c Heck53,#check54 '). prop (' ตรวจสอบ ', true);} else {$ ('#check51,#check52,#check53,#check54 '). prop (' ตรวจสอบ ', false);} // 方法二方法二如上});}); </script> </head> <body> <body> <table> <tr> <td> <อินพุตประเภท = "ช่องทำเครื่องหมาย" id = "check1"/> <label for = "check1"> 全选 </label> </td> <td> type = "ช่องทำเครื่องหมาย" id = "checkl2"/> <label for = "checkl2"> 第二列 </label> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "checkl3"/> <label for = "checkl3"> 第三列 </label สำหรับ = "checkl4"> 第四列 </label> </td> </tr> <tr> <td> <อินพุตประเภท = "ช่องทำเครื่องหมาย" id = "checkh1"/> <label for = "checkh1"> 第一行 </label> </td> <td> /> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check13"/> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check14"/> </td> </tr> <td> <td> type = "ช่องทำเครื่องหมาย" id = "check21"/> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check22"/> </td> <td> <อินพุตประเภท = "ช่องทำเครื่องหมาย" id = "check23"/> </td> <td> = "checkh3"/> <label for = "checkh3"> 第三行 </label> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check31"/> </td> <td> <อินพุตประเภท = "checkbox" id = "check32"/> </td> type = "ช่องทำเครื่องหมาย" id = "check34"/> </td> </tr> <tr> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "checkh4"/> <label for = "checkh4"> 第四行 </label> </td> <td> /> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check43"/> </td> <td> <อินพุต type = "ช่องทำเครื่องหมาย" id = "check44"/> </td> </tr> <td> <td> type = "ช่องทำเครื่องหมาย" id = "check51" /> < /td> <td> <อินพุตประเภท = "ช่องทำเครื่องหมาย" id = "check52" /> < /td> <td> <อินพุตประเภท = "ช่องทำเครื่องหมาย" id = "check53" /> < /td> <td> /> </td> </tr> </tbody> </table> </body> </html>效果图
以上所述是小编给大家介绍的ช่องทำเครื่องหมาย选中一个另一个ช่องทำเครื่องหมาย也会选中的实现代码的全部叙述， 希望对大家有所帮助， 如果大家想了解更多内容敬请关注武林网！ 如果大家想了解更多内容敬请关注武林网！