checkbox如何检测已经选中，并且让选中和不选传递不同的值给变量！

最新推荐文章于 2024-03-20 23:20:03 发布

原创最新推荐文章于 2024-03-20 23:20:03 发布 · 4.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#radiobutton #javascript #input #button #function #html

本文介绍了如何使用JavaScript检测HTML中的Checkbox是否被选中，并根据选中状态传递不同的值给变量。提供了两种解决方案：一种是通过直接检查Checkbox的checked属性来设置值；另一种是遍历radiobutton组，根据选中项更新表单的action并显示确认信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问： checkbox如何检测已经选中，并且让选中和不选传递不同的值给变量

____________________________________________________________________________________________

答1：

<html> <head> <title>Untitled</title> <script language="JavaScript">  </script> </head> <body> <form name="form1" action="#" method="post"> <input type="checkbox" name="test" value="unchecked" > <input type="button" value="checkit" onclick="check()"> </form> </body> </html>

____________________________________________________________________________________________答2：

用javascript判断：具体做法：我以网站注册时选定以普通用户注册或者集体用户注册，来说明这个问题。 <script language=javascript> function Checkform(form){ var msg="您选择注册的是"; for(var i=0;i<form.radiobutton.length;i++){ if(form.radiobutton[i].checked){ if(form.radiobutton[i].value=="普通用户") form.action="step1.php"; if(form.radiobutton[i].value=="集体用户") form.action="step2.php"; msg=msg+"="+form.radiobutton[i].value+"="; break; } } msg=msg+"/n确定吗？"; if(confirm(msg)){ form.submit(); return true; }else{ return false; } } </script> 然后在HTML文档中这样调用 <FORM METHOD=post> <input type="radio" name="radiobutton" value="普通用户"> <input type="radio" name="radiobutton" value="集体用户"> <input type=button onclick=Checkform(this.form)> <input type=reset> </Form> 好了，主要的就是这些了，如果还有什么问题，