Javascript 如何判断其中一个radio被选中

新建一个html文件 , 定名为test.html , 用于利用JS判定radio是否被选中 。

Javascript 如何判断其中一个radio被选中

文章插图

2在test.html页面 , 建立一个name为myform的表单 , 下面将利用myform来获对表单对象 。

Javascript 如何判断其中一个radio被选中

文章插图

3【Javascript 如何判断其中一个radio被选中】在form表单内 , 建立三个类型为radio的input单选项 , 而且每个单选项界说一个id , 用于下面经由过程id来获得input对象 。

Javascript 如何判断其中一个radio被选中

文章插图

4在form表单内 , 再建立一个type为button的按钮 , 用于实现当点击按钮时 , 判定radio是否被选中 。

Javascript 如何判断其中一个radio被选中

文章插图

5给button按钮绑定点击事务onclick , 当点击事务时 , 执行IsChecked()函数来判定当前页面是否有radio被选中 。

Javascript 如何判断其中一个radio被选中

文章插图

6在IsChecked函数内 , 编写判定逻辑代码 。 利用length属性获得元素的个数 , 再利用for轮回遍历所有的元素 , 若是元素属性为checked , 就有radio被选中 。

Javascript 如何判断其中一个radio被选中

文章插图

7在浏览器运行test.html文件 , 查看执行的结果 。 当有radio被选中时 , 弹出“已选择” , 当没有radio被选中时 , 弹出“未选择” 。

Javascript 如何判断其中一个radio被选中

文章插图

Javascript 如何判断其中一个radio被选中

文章插图

以上内容就是Javascript 如何判断其中一个radio被选中的内容啦 , 希望对你有所帮助哦!

    推荐阅读