判断一组radios或checkbox中是否有被选择的

最新推荐文章于 2019-08-27 09:28:57 发布
原创 最新推荐文章于 2019-08-27 09:28:57 发布 · 498 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个用于验证HTML表单中radios或checkbox是否已选择的JavaScript函数。此函数能够检查一组radios或checkbox中是否有选项被选中，并在没有选项被选中时给出提示。
//判断一组radios或checkbox中是否有被选择的
function haveSelect(obj,message) {
 var flag = false;
 var radios = eval(obj);
 var long;
 if (radios != null){
  long = radios.length;
  if (long > 1){
   for(var i = 0;i < radios.length;i++){
    if (radios[i].checked==true){
     flag = true;
     break;
    }
   }
  } else {
   if(radios.checked==true) {
    flag = true;
   }
  }
 }
 if(flag == false) {
  alert(message);
  return false;
 } else {
  return true;
 }
}
阅读(318) | 评论(0) | 转发(0) |
0

上一篇：返回一组radios中被选择的radio的id

下一篇：获得操作系统名称

相关热门文章
给主人留下些什么吧！~~
评论热议
Selenium基础 — 单选按钮和多选按钮的操作
测试-八戒
10-18 5260
有时候选项框，本身就是选中状态，如果我再点击一下，它就取消选择了，这可不是我期望的结果，那么可不可以当它是没选中的时候，我去点击下，当它已经是选中状态，我就不点击。返回结果为bool类型，没点击时候返回False，点击后返回True，以后我们在操作单选按钮和多选按钮的时候，先判断按钮是否是选中状态，再根据业务需求进行操作。世界的模样取决于你凝视它的目光，自己的价值取决于你的追求和心态，一切美好的愿望，不在等待中拥有，而是在奋斗中争取。这里我准备了对应上面的每个知识点的学习资料、可以自学神器，已经项目练手。
【心善渊&Selenium3.0基础】— 15、Selenium中单选按钮和多选按钮的操作
繁华似锦Fighting
05-26 1137
文章目录1、页面中的单选按钮和多选按钮2、判断按钮是否选中`is_selected()`3、单选按钮的操作4、多选按钮的操作实现步骤：示例：5、选择部分多选按钮的操作 1、页面中的单选按钮和多选按钮 页面中的单选按钮和多选按钮样式如下图： 页面代码片段： <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> </head> <body> <fi
jquery取radio,checkbox的选中值（一组和单个）及理解
liyonghui123的专栏
03-18 224
jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另：判断radio是否选中并取得选中的值 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio或者checkbox被选中项的...
javascript 判断radio单选按钮是否为选中状态,并弹出选中值
我们长路漫漫，只因学无止境。
08-25 1200
//判断个函数 以上 5 个Radio 那个为选中状态 function judgeRadioClicked() { //获得 单选选按钮name集合 var radios = document.getElementsByName("radio_tj"); //根据 name集合长度 遍历na
获得radio的值
vera_SQ的专栏
12-08 233
设置radio默认值： function setCheckedValue(radioName, newValue) { if(!radioName) return; var radios = document.getElementsByName(radioName); for(var i=0; i&lt;radios.length...
input type="radio" jquery判断checked的三种方法:
dengsha6733的博客
03-04 607
<inputtype="radio"name="radioname"value=""/>全部 <inputtype="radio"name="radioname"value="Y"/>是 <inputtype="radio"name="radioname"value="N"/>否 js： functiongetRadi...
判断Checkbox和Radio的一种方法
12-03
要判断Checkbox是否被选中，可以使用`checked`属性。例如，假设有一个复选框的ID为"myCheckbox"，可以通过以下方式检查其状态： ```javascript var checkbox = document.getElementById("myCheckbox"); var ...
html判断多个不同类型的单选按钮是否已选
06-10
在这个示例中，我们首先定义了两个变量 `group1Selected` 和 `group2Selected`，用于记录两个单选按钮组是否被选中。然后使用 `getElementsByName` 方法获取单选按钮组的元素，并使用 `for` 循环遍历每一个元素。...
Javascript操作表单实例讲解（下）
10-22
单选按钮(`<input type="radio" />`)允许用户从一组选项中选择一个，而多选按钮(`<input type="checkbox" />`)允许用户从一组选项中选择多个。 - `checked`属性可以用来返回或设置单选按钮或复选框的选中状态。当`...
js获取和设置radio的值
热门推荐
jjkang的博客
07-10 4万+
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;获取radio的值&amp;lt;/title&
input type="radio" jquery判断checked的三种方法
Abbey_qi的博客
08-27 2529
input type="radio" jquery判断checked的三种方法: <inputtype="radio"name="radioname"value=""/>全部 <inputtype="radio"name="radioname"value="Y"/>是 <inputtype="radio"name="radioname"va...
JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
tianshibaijia
01-09 531
今天项目中所解决的问题：JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息，一开始总是获取不到radio 的值，后来发现逻辑存在些问题，特此共享该代码留笔记和分享给遇到这类问题的 兄弟们参考： &lt;script type="text/javascript"&gt; //判断个函数 以上 5 个Radio 那个为选中状态 function judge...
JavaScript 设置和获得Radio的选中值
weixin_30786657的博客
01-20 170
设置单选框默认值 function setCheckedValue(radioName, newValue) { if(!radioName) return; var radios = document.getElementsByName(radioName); for(var i=0; i<radios.length; i++) { radio...
改变checkbox或audio按钮的样式
zzzzzxping的博客
03-14 1100
改变checkbox或audio按钮的样式( 我这里用jquery实现)部分代码可以省略,参考者可以根据自己需求改一下html代码<div class="wrap"> <form action=""> 方案一 <label for="cbox_1" flag="false" class="cbox cbox_1"></label>
js 获取radio和checked详解
飞鱼计划
03-30 1万+
<script> $("input[name=but]").click(function(){ //open_id=$("input[name=open_id]").val(); wangwang_no=$("input[name=wangwang_no]").val(); //vipmoney=$("input[name=vipmoney]").val();if(wangw
复选框控件CheckBox(选择类控件)
ルーキーの殇
04-28 2231
复选框控件CheckBox用来表示是否选取了某个选项条件，常用于为用户提供具有是/否或真/假的选项。 复选框控件的部分属性及说明 属性名 说明 Text 获取复选框控件的标题 TextAlign 用来设置控件中文字的对齐方式 Checked 指示复选框控件是否处于选中状态
js的一些方法
我想静静
12-12 556
1.获取到id为a的文本框的值 var val = document.getElementById("a").value; var val = $(“#a”).val();   2.将id为a的文本框赋值位空 var val = document.getElementById("a").value =""; var val = $(“#a”).val(“”);   3.将文本框 或...
radios设置选中第一个
最新发布
11-13
<think> 我们有一个radio组（即多个radio按钮共享同一个name），要求设置选中第一个radio按钮。 根据引用[3]中获取radios的方式，我们可以通过name获取到所有的radio按钮，然后设置第一个按钮的checked属性为true。 注意：radio组中只能有一个被选中，所以设置第一个为选中状态时，其他会自动取消选中。 有两种常见方式： 1. 原生JavaScript 2. jQuery（如果项目中使用jQuery） 假设radio组的name为"exampleRadio"。 原生JavaScript实现： 步骤： a. 通过name获取所有radio按钮（返回一个NodeList） b. 将第一个radio按钮的checked属性设置为true 示例代码： var radios = document.getElementsByName('exampleRadio'); if (radios.length > 0) { radios[0].checked = true; } jQuery实现： $('input[name="exampleRadio"]').first().prop('checked', true); 或者 $('input[name="exampleRadio"]:first').prop('checked', true); 或者 $('input[name="exampleRadio"]').eq(0).prop('checked', true); 注意：如果页面有多个同name的radio组（虽然不常见，但要注意），上述代码会选中所有组中的第一个。通常一个页面中同name的radio组只有一个，所以没问题。 如果是在一个表单中，并且使用了类似Layui这样的框架，可能需要在设置后更新渲染（但radio一般不需要，因为改变checked属性会立即反映到界面上）。 完整示例： 假设HTML结构如下： <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female <input type="radio" name="gender" value="other"> Other 设置第一个（Male）被选中： // 原生JS document.getElementsByName('gender')[0].checked = true; // jQuery $('input[name="gender"]:first').prop('checked', true); 另外，根据引用[1]和[4]中的函数，它们都是用于获取选中的radio，而我们现在是要设置选中第一个。 因此，针对用户的问题，我们可以这样回答： </think> 要设置一组单选按钮（radios）选中第一个选项，可以使用原生 JavaScript 或 jQuery 实现。以下是具体方法和代码示例： ### 方法一：原生 JavaScript ```javascript // 获取所有同名radio元素 const radios = document.getElementsByName('radioGroupName'); // 设置第一个radio为选中状态 if (radios.length > 0) { radios[0].checked = true; // 索引0表示第一个 } ``` ### 方法二：jQuery 实现 ```javascript // 设置第一个radio为选中状态 $('input[name="radioGroupName"]:first').prop('checked', true); ``` ### 完整示例（结合引用[3]的radio组） ```html <!-- HTML结构 --> <input type="radio" name="C_INDEX1" value="option1"> 选项1 <input type="radio" name="C_INDEX1" value="option2"> 选项2 <input type="radio" name="C_INDEX1" value="option3"> 选项3 <button onclick="selectFirstRadio()">选中第一个</button> <script> function selectFirstRadio() { // 原生JS方式 const radios = document.getElementsByName('C_INDEX1'); if(radios.length > 0) { radios[0].checked = true; } // 或jQuery方式 // $('input[name="C_INDEX1"]:first').prop('checked', true); } </script> ``` ### 关键说明： 1. **name属性**：必须确保所有radio共享相同`name`（如 `name="C_INDEX1"`） 2. **索引规则**： - `radios[0]` 表示第一个选项 - 当只有一个radio时，直接设置`radios.checked=true`（引用[1]）[^1] 3. **框架兼容**： - 如果使用Layui等框架，设置后可能需要渲染更新： ```javascript layui.form.render('radio'); // 更新UI ``` 4. **默认选中**：HTML中可直接添加`checked`属性： ```html <input type="radio" name="group" checked> 默认选中项 ``` ### 注意事项： - 设置`checked=true`后，同组其他radio会自动取消选中（单选特性） - 引用[1]中的`getRadioID`函数可用于验证选中状态[^1] - 引用[2]的`haveSelect`函数可检查是否有选中项[^2] 这些方法通过直接操作DOM元素的`checked`属性实现，是最简洁高效的实现方式（引用[3]）[^3]。实际使用时根据项目技术栈选择合适方案。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值