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

📁 一些javascript的小例子希望对初学者有更好的帮助

💻 HTM

字号:

<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>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -