10.16 获取复选框的选择项 .htm

来自「一些javascript的小例子希望对初学者有更好的帮助」· HTM 代码 · 共 35 行

HTM

35 行

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script language="JavaScript">
function mySelect()
{
     var i=0;
     var j=0;
     var selectObj=document.getElementsByName("love");
     //遍历复选框的选择
    for (i=0;i<selectObj.length;i++) {
        if (selectObj[i].checked) {
          j=1;
          break;
        }
    }
    if (j!=1) {
      alert("请选择至少一种爱好！")
         return false;
    }
    alert(selectObj[i].value);//显示所选择的第一项的内容
}
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="love" value="旅游" >旅游
<input type="checkbox" name="love" value="体育" >体育<br/>
<input type="checkbox" name="love" value="购物" >购物
<input type="checkbox" name="love" value="影视" >影视
<input type="checkbox" name="love" value="音乐" >音乐
<input type="button" value="我的选择" onclick="mySelect()">
</form>
</html>

10.16 获取复选框的选择项 .htm - 源码说明

本页面展示了「一些javascript的小例子希望对初学者有更好的帮助」中的 10.16 获取复选框的选择项 .htm 源码文件，采用 HTM 编程语言编写，共 35 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?