JavaScript选框

xiaoxiao2021-02-28  101

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script language="javascript"> function cli(Obj) { //获取控制其它复选框的对象obj var collid = document.getElementByIdx-x-x-("all") //获取需要全选,全不选功能的所有复选框 var coll = document.getElementsByName(Obj) //obj被选中,则全选 if (collid.checked){ //循环设置所有复选框为选中状态 for(var i = 0; i < coll.length; i++) coll[i].checked = true; }else{//取消obj选中状态,则全不选 //循环设置所有复选框为未选中状态 for(var i = 0; i < coll.length; i++) coll[i].checked = false; } } </script> <input name='1' type='checkbox' value='' id="all" οnclick="cli('多选项名称');"> 全选 <input name='2' type='checkbox' value='' > 选我吗? <input name='3' type='checkbox' value='' > 选我吗? <input name='4' type='checkbox' value='' > 选我吗? <input name='5' type='checkbox' value='' > 选我吗? <input name='6' type='checkbox' value='' > 选我吗? <input name='7' type='checkbox' value='' > 选我吗? </body> </html>
转载请注明原文地址: https://www.6miu.com/read-36756.html

最新回复(0)