JS中获取页面单选框radio和复选框checkbox中选中的值

最新推荐文章于 2024-08-25 21:44:45 发布

学习令我憔悴

最新推荐文章于 2024-08-25 21:44:45 发布

阅读量2.9k

点赞数 2

本文链接：https://blog.csdn.net/elf1111/article/details/105545124

版权

本文介绍如何在JavaScript中实现获取HTML表单中的单选按钮（radio）和复选框（checkbox）选中的值。通过监听提交按钮点击事件，展示用户在在线调查表单中所选择的选项。

摘要由CSDN通过智能技术生成

设计一个在线调查的表单页面（含有单选、多选项），当用户单击提交按钮时将显示一个对话框显示用户的选择结果。执行效果如下图所示：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
 <script type="text/javascript">
  function check(){
	var checkradio=document.getElementsByName("useradio");
    var selectvalue=0;        //selectvalue为radio中选中的值
       for(var i=0;i<checkradio.length;i++) {
           if(checkradio[i].checked) {
              selectvalue=checkradio[i].value;
        }
    } 
	  //alert("您感觉本站"+selectvalue);
	  
	  
	var checkbox=document.getElementsByName("usecheckbox");
    var svalue=" ";        //selectvalue为radio中选中的值
       for(var i=0;i<checkbox.length;i++) {
           if(