js获得选中chencbox的nama

最新推荐文章于 2022-10-21 00:44:36 发布

xfyjg

最新推荐文章于 2022-10-21 00:44:36 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： Python Java C C++ C#

本文链接：https://blog.youkuaiyun.com/xfyjg/article/details/83435993

javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一个简单的网页表单示例，该表单使用HTML和JavaScript实现了一种语言选择功能。用户可以通过勾选不同的选项来选择他们喜欢的编程语言，并通过按钮触发事件显示所选的语言。

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

<html>
<head>
<script language="JavaScript" type="text/javascript">
function btn_Check_onclick()
{
  var myname ;
  var myElement;
  var numberOfControls=document.form1.length;
  var compSpec="Your chosen language is  ";
  for(var i=0;i<numberOfControls;i++)
  {
    myElement=document.form1[i];
    if(myElement.type=="checkbox")
    {
      if(myElement.checked==true)
      {
	myname = myElement.name;
        compSpec+=myElement.value+" ";
      }
    }
  }
  alert('--'+myname);
  myname = myname.substring(myname.indexOf("_")+1,myname.length);
  alert('22---'+myname);
  //alert(compSpec);
}
</script>
</head>
<body>
<form name="form1">
<div>
<h1>Please choice your language:</h1>
<br/>
<p>
<table>
  <tr>
    <td>Java</td>
    <td><input type="checkbox" name="chk_java" value="Java"></td>
  </tr>
  <tr>
    <td>C#</td>
    <td><input type="checkbox" name="chk_c#" value="cSharp"></td>
  </tr>
  <tr>
    <td>Python</td>
    <td><input type="checkbox" name="chk_Python" value="Python"></td>
  </tr>
  <tr>
    <td><input type="button" name="btn_Check" value="Sub_Check" onclick="return btn_Check_onclick()"></td>
  </tr>
</table>
</p>
</div>
</form>
</body>
</html>