JQuery判断radio是否选中，获取选中值

最新推荐文章于 2024-09-23 15:41:12 发布
转载 最新推荐文章于 2024-09-23 15:41:12 发布 · 1.6k 阅读 · 0
文章标签：

#jquery #list #function #xhtml #input #null

本文介绍了一种使用JQuery来判断Radio按钮是否被选中并获取其值的方法。通过简单的示例代码展示了如何实现这一功能。

/*---------------------------JQuery判断radio是否选中，获取选中值----------------------------------*/

其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />
< title >JQuery radio</ title >
< script type = "text/javascript" language = "javascript" src = "JavaScript/jquery-1.6.1.min.js" ></ script >
< script type = "text/javascript" language = "javascript" >
  /*------判断radio是否有选中，获取选中的值--------*/
     $(function(){
          $("#btnSubmit").click(function(){
             var val=$('input:radio[name="sex"]:checked').val();
             if(val==null){
                 alert("什么也没选中!");
                 return false;
             }
             else{
                 alert(val);
             }
             var list= $('input:radio[name="list"]:checked').val();
             if(list==null){
                 alert("请选中一个!");
                 return false;
             }
             else{
                 alert(list);
             }          
          });
      });
</ script >
</ head >
 
< body >
< form id = "form1" >
< input type = "radio"  name = "sex" value = "男" />男
< input type = "radio" name = "sex" value = "女" />女
< br />
< input type = "radio"  name = "list" value = "十分满意" />十分满意
< input type = "radio" name = "list" value = "满意" />满意
< input type = "radio" name = "list" value = "不满意" />不满意
< input type = "radio" name = "list" value = "非常差" />非常差
< br />
< input type = "submit" value = "submit"  id = "btnSubmit" />
</ form >
</ body >
</ html >
JQuery判断radio是否有选中，获取选中的值
06-29
Jquery判断radio是否有选中，获取选中的值, 测试有效。兼容各浏览器。非常好用。
JQuery判断radio（单选框）是否选中和获取选中值方法总结
10-24
主要介绍了JQuery判断radio（单选框）是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...
Jquery实际应用，判断radio，selelct，checkbox是否选中及选中的值
越努力就越主动。
09-19 890
[1].[代码] [JavaScript]代码 跳至 [1] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
jquery判断radio是否被选中
飙歌的博客
09-23 1025
在jQuery中，你可以使用:checked选择器来检查一个radio按钮是否被选中。你也可以使用.is()方法来检查。// 至少有一个radio按钮被选中。// 至少有一个radio按钮被选中。
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
12-12
- **判断是否选中并获取选中值**： ```javascript function checkradio() { var item = $(&#39;:radio:checked&#39;); var len = item.length; if (len > 0) { alert("yes–选中的值为：" + $(&#39;:radio:checked&#39;).val...
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
12-12
使用jQuery获取选中值，可以使用`:checked`选择器来定位当前被选中的按钮，然后调用`.val()`方法获取其值。代码如下： ```javascript var selectedValue = $("input[name=&#39;likea&#39;]:checked").val(); ``` 这段代码...
jquery如何使用正则
nana837的博客
03-02 247
jquery正则使用的方法：1、用户密码，代码为【/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/】；2、邮件，代码为【/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/】。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery正则使用的方法： 1、正则表达式的创建 a) var checkNum = /^[A-Za-z0-9]+$/; b) var re=new RegExp(“["+
jquery怎么判断radio是否选中
fef647的博客
02-10 788
jquery判断radio是否选中的方法：1、利用获取选中值判断选中；2、使用checked属性判断选中；3、 jquery获取radio单选按钮的值；4、设置单选按钮被选中。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery判断radio是否选中的方法： 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
jquery 中input /checkbox/radio/button/select未选中的值/等取值问题
mchgogo的博客
03-31 3294
var sel=$("#sel option:selected") 查找所有选中的选项元素 option.val(); option.text(); 这是返回没被选中的option集合，使用$.map函数对这个集合进行处理，取出其中元素的值，使用","进行分隔。如果option中没有value属性，那么直接返回option的文本内容。 $(function(){ var unsel=$.map(#
判断radio单选框是否选中
farxix的博客
05-02 2万+
1、利用获取选中值判断选中 /*------判断radio是否有选中，获取选中的值--------*/ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什么也没选中!"); return false; } else{ ...
JQuery 判断radio是否有选中，获取选中的值demo示例（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
08-27 1600
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JQuery 判断radio是否有选中，获取选中的值</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></scr
jquery 获取或设置radio单选框选中值的方法
热门推荐
徊忆羽菲
04-17 5万+
jquery 获取或设置radio单选框选中值的代码1、获取选中值，三种方法都可以：2、设置第一个Radio为选中值：3、设置最后一个Radio为选中值：4、根据索引值设置任意一个radio为选中值：5、根据Value值设置Radio为选中值6、删除Value值为rd2的Radio7、删除第几个Radio8、遍历Radio 1、获取选中值，三种方法都可以： $('input:radio:check...
判断radio是否有选中获取选中的值
rentian1的博客
05-25 3534
文章来源：http://www.jb51.net/article/64141.htm 一、利用获取选中值判断选中 直接上代码，别忘记引用JQuery包 复制代码代码如下: JQuery radio  /*------判断radio是否有选中，获取选中的值--------*/     $(function(){          $("#
JQuery radio（单选按钮）操作方法汇总
lx_mai的专栏
06-11 3489
注：attr(“checked”,’checked’)= attr(“checked”, ‘true’)= attr(“checked”, true)如删除第3个Radio:$(“input:radio”).eq(2).remove();5.根据Value值设置Radio为选中值。6.删除Value值为rd2的Radio。2.点击按钮的时候获取id。7.删除第几个Radio。
Jquery 获取 radio选中值
BlankTe的博客
07-31 1180
Radio 1.获取选中值，三种方法都可以： (‘input:radio:checked′).val()；(‘input:radio:checked’).val()； (“input[type=’radio’]:checked”).val(); $(“input[name=’rd’]:checked”).val();2.设置第一个Radio为选中值： (‘input:radio:
GetXFormFieldValueById 获取选中值
最新发布
12-21
你提到的 `GetXFormFieldValueById` 并不是标准 JavaScript 或泛微（e-cology）官方公开 API 中的标准函数名，但它很可能是你在 **泛微 OA 系统（e-cology）** 的 XForm 表单开发中听到或看到的一个“自定义封装方法”或误解了内置方法。 在 **泛微 e-cology** 的表单（XForm）开发中，获取字段值的标准方式是使用： ```js Form.getFieldValue("fieldId"); ``` 这个方法可以自动获取包括：文本框、下拉框、单选按钮（radio）、复选框（checkbox）、多选框等字段的 **选中值**。 --- ### ✅ 正确做法：通过字段 ID 获取选中值（如单选、多选） #### 示例场景：有一个单选按钮组，ID 为 `fd_gender` ```html <!-- 泛微系统中渲染后的结构可能类似如下 --> <input type="radio" name="fd_gender" value="male" id="fd_gender_1"> 男 <input type="radio" name="fd_gender" value="female" id="fd_gender_2"> 女 ``` #### 使用标准 JS 获取其选中值： ```javascript // ✅ 推荐：使用泛微提供的 Form API var selectedValue = Form.getFieldValue("fd_gender"); console.log("fd_gender 的选中值为:", selectedValue); // 输出: "male" 或 "female" ``` > ⚠️ 注意： > - `Form.getFieldValue(id)` 是泛微内部封装的方法。 > - 参数 `"fd_gender"` 是字段的 **控件别名（field ID）**，不是 HTML 元素的 `id`。 > - 它会自动处理 radio、checkbox、select 等类型的取值逻辑。 --- ### ✅ 复选框（Checkbox）同样适用 假设字段 ID 为 `fd_hobbies`，用户选择了“阅读”和“运动”： ```javascript var checkedValues = Form.getFieldValue("fd_hobbies"); // 返回字符串："reading,sports"（逗号分隔） if (checkedValues) { var arr = checkedValues.split(","); console.log("选中的爱好:", arr); } ``` --- ### ✅ 如果你想封装一个叫 `GetXFormFieldValueById` 的函数（自定义） 你可以这样写： ```javascript /** * 自定义函数：根据字段 ID 获取表单字段的值（兼容泛微 XForm） * @param {string} fieldId 字段的控件别名，如 fd_gender * @returns {string|null} 返回选中值或 null */ function GetXFormFieldValueById(fieldId) { try { var value = Form.getFieldValue(fieldId); return value !== undefined && value !== null ? value : null; } catch (e) { console.error("获取字段值失败，字段ID:", fieldId, e); return null; } } // 使用示例： var gender = GetXFormFieldValueById("fd_gender"); var hobbies = GetXFormFieldValueById("fd_hobbies"); console.log("性别:", gender); console.log("爱好:", hobbies); ``` --- ### 🔍 解释说明 | 方法 | 说明 | |------|------| | `Form.getFieldValue("id")` | 泛微标准 API，推荐使用 | | `document.getElementById(...)` | 不适用于 radio/checkbox 组，容易出错 | | 自定义 `GetXFormFieldValueById` | 可用于统一调用入口、增加错误处理 | --- ### 💡 特别提示（泛微开发经验）： 1. **确保脚本执行时机正确** 在 `$(document).ready` 或 `Form.customValidate` 中执行： ```js jQuery(function () { var val = Form.getFieldValue("fd_gender"); console.log("页面加载后获取值:", val); }); ``` 2. **监听字段变化**： ```js jQuery(&#39;input[name="fd_gender"]&#39;).on(&#39;change&#39;, function () { var val = Form.getFieldValue("fd_gender"); console.log("fd_gender 变更为:", val); }); ``` 3. **设置字段值**（反向操作）： ```js Form.setFieldValue("fd_gender", "male"); // 设置选中 ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值