JS中怎么循环出checkbox所取的的值 _html+js

在js中，可以使用for循环遍历每一个input对象，通过if语句判断其checked属性是否等于true，如果是，则取得checkbox的值。下面小编举例讲解JS中怎么循环出checkbox所取的的值。

需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件，定名为test.html，用于讲解JS中怎么轮回出checkbox所取的的值。

2在test.html文件内，在p标签内，利用input标签建立三个checkbox类型的选项，别离为测试一，测试二，测试三。

3在test.html文件内，利用button标签建立一个按钮，按钮名称为“获得选中的值” 。

4在test.html文件中，给button按钮绑定onclick点击事务，当按钮被点击时，执行getvalue函数。

5在js标签中，建立getvalue()函数，在函数内，利用getElementsByTagName方式获得所有input对象，并建立一个变量str，用来保留选中的checkbox值。

6在getvalue()函数中，利用for轮回遍历每一个input，经由过程if语句判定其checked属性是否等于true(即被选中的checkbox)，若是是，则把所有选中的checkbox值用逗号毗连当作一个字符串。最后，利用alert()方式将字符串输出。

7在浏览器打开test.html文件，选中选项，点击按钮，查看成果。

总结：1【JS中怎么循环出checkbox所取的的值】1、建立一个test.html文件。
2、在文件内，在p标签内，利用input标签建立三个checkbox类型的选项，同时建立一个button按钮，用于触发执行js函数。
3、在js标签内，建立函数，在函数内，利用getElementsByTagName方式获得所有input对象，利用for轮回遍历每一个input，经由过程if语句判定其checked属性是否等于true(即被选中的checkbox)，若是是，则把所有选中的checkbox值用逗号毗连当作一个字符串。最后，利用alert()方式将字符串输出。

注重事项若是checkbox选项被选中，checked属性为true，不然，checked属性为false 。

以上内容就是JS中怎么循环出checkbox所取的的值的内容啦，希望对你有所帮助哦！

JS中怎么循环出checkbox所取的的值

猜你喜欢