加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

用JS怎样编辑个表单复选框 代码是什么

发布时间:2023-06-19 12:37:49 所属栏目:语言 来源:
导读:这篇文章将为大家详细讲解有关“用JS怎样写个表单复选框,代码是什么”的知识,下文有详细的介绍,小编觉得挺实用的,对大家学习或工作或许有帮助,因此分享给大家做个参考,希望大家阅读完这篇文章后可以

这篇文章将为大家详细讲解有关“用JS怎样写个表单复选框,代码是什么”的知识,下文有详细的介绍,小编觉得挺实用的,对大家学习或工作或许有帮助,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体:

//说明:form1为表单名,mId为复选框,selectbutton为全选按钮 

<script language="javascript"> 

   function selectAll()  

   { 

for (var i=0;i<document.form1.mId.length;i++) { 

var temp=document.form1.mId[i]; 

temp.checked=!temp.checked; 

   if (document.form1.selectButton.value=="全部选择") 

   { 

     document.form1.selectButton.value="取消全选"; 

   } 

   else 

   { 

     document.form1.selectButton.value="全部选择"; 

   } 

</script> 

复选框:<input name="mId" type="checkbox" value="复选框的值">

说明:注意复选框的name应该与上面脚本中的document.form1.mId对应

全选按钮:

<input type="button" name=selectButton value="全部选择" onClick="selectAll()">

同样注意name=selectButton 

以上就是关于“用JS怎样写个表单复选框,代码是什么”的介绍了,感谢各位的阅读。

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!