复选框取值.html

最新推荐文章于 2022-10-06 10:37:47 发布

最新推荐文章于 2022-10-06 10:37:47 发布 · 372 阅读

文章标签：

本文介绍了一个简单的JavaScript脚本，该脚本定义了一个名为check_black()的函数，用于在网页上获取被选中的复选框的值。通过遍历所有名称为'black'的复选框元素，如果某个元素被选中，则弹窗显示其值。此外，还提供了一个表单，包含多个复选框选项，如打篮球、看电视等，以及一个提交按钮，点击时会触发check_black()函数。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>My JSP 'hello.jsp' starting page</title> </head> <script type="text/javascript"> //页面取到选中的值 function check_black() { var blackName = document.getElementsByName("black"); for(var i = 0; i < blackName.length; i++) { if(blackName[i].checked == true) { var a = blackName[i].value; alert(a); } } } </script> <body> <form action="" method="post" name = "form"> <input type="checkbox" name = "black" value = "1">打篮球 <input type="checkbox" name = "black" value = "2">看电视 <input type="checkbox" name = "black" value = "3">游泳 <input type="checkbox" name = "black" value = "4">爬山 <input type="checkbox" name = "black" value = "5">唱歌 <input type = "submit" name = "tijiao" value = "提交" onclick="check_black();"> </form> </body> </html>