JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息

今天项目所解决问题:JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息,一开始总是获取不到radio 值,后来发现逻辑存在问题,特此共享代码留笔记分享遇到这类问题兄弟们参考:


<script type="text/javascript"> //判断个函数 以上 5 个Radio 那个为选中状态 function judgeRadioClicked() { //获得 单选选按钮name集合 var radios = document.getElementsByName("radio_tj"); //根据 name集合长度 遍历name集合 for(var i=0;i<radios.length;i++) { //判断那个单选按钮为选中状态 if(radios[i].checked) { //弹出选中单选按钮的值 alert(radios[i].value); } } } </script>

注意://获得 单选选按钮name集合 //var radios = document.getElementsByName("radio_tj"); 中的 "radio_tj" 为 单选按钮集合的名字属性。


Over!!!


在 HTML 中,可以使用 JavaScript判断单选按钮是否已选。具体来说,可以在表单的提交事件中编写 JavaScript 代码,判断单选按钮是否选中,然后根据判断结果决定是否提交表单。在 HTML 中,单选按钮可以使用 `input` 元素的 `type` 属性设置为 `"radio"` 来创建,每个单选按钮需要有唯一的 `name` 属性,这样才能保证它们属于同一个单选按钮组。判断单选按钮是否选中的方法是通过遍历单选按钮组中的每个单选按钮,检查它们的 `checked` 属性是否为 `true`,如果有一个单选按钮的 `checked` 属性为 `true`,则说明这个单选按钮选中了。以下是一个示例代码: ```html <form id="my-form"> <label for="option1">Option 1</label> <input type="radio" id="option1" name="options" value="1"> <label for="option2">Option 2</label> <input type="radio" id="option2" name="options" value="2"> <button type="submit" onclick="checkRadio()">Submit</button> </form> <script> function checkRadio() { var radios = document.getElementsByName("options"); var isChecked = false; for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { isChecked = true; break; } } if (!isChecked) { alert("Please select an option."); return false; } // 如果单选按钮选中了,则可以提交表单 document.getElementById("my-form").submit(); } </script> ``` 在上面的代码中,`checkRadio()` 函数用于检查单选按钮是否选中。首先,通过 `getElementsByName()` 方法获取单选按钮组中的所有单选按钮,然后遍历这些单选按钮,检查它们的 `checked` 属性是否为 `true`,如果有一个单选按钮的 `checked` 属性为 `true`,则将 `isChecked` 变量设置为 `true`,表示单选按钮选中了。最后,如果 `isChecked` 为 `false`,则说明单选按钮没有选中,弹提示框,并返回 `false`,阻止表单的提交。否则,可以提交表单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值