jQuery-对Radio/CheckBox的操作集合

最新推荐文章于 2024-07-12 17:29:49 发布

classicbear

最新推荐文章于 2024-07-12 17:29:49 发布

阅读量845

点赞数

文章标签： input function jquery

本文介绍了如何使用jQuery来获取和设置Radio按钮及Checkbox的选择状态和值。包括选择被选中的Radio按钮值、设置Radio按钮的选择状态，以及获取和设置Checkbox的选择状态等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery获取Radio选择的Value值:
jQuery   C#   VB   C++   Java

jQuery设置Radio的Value值:

语法解释：
1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Value值
2. $("#text_id").focus(function(){//code...});  //事件当对象text_id获取焦点时触发
3. $("#text_id").blur(function(){//code...});  //事件当对象text_id失去焦点时触发
4. $("#text_id").select();  //使文本框的Vlaue值成选中状态
5. $("input[name='radio_name'][value='要选中Radio的Value值'").attr("checked",true);  //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值:
jQuery   C#   VB   C++   Java
全选/取消全选

语法解释：
1. $("input[name='checkbox_name'][checked]");  //选择被选中CheckBox元素的集合如果你想得到Value值，你需要遍历这个集合
2. $($("input[name='checkbox_name'][checked]")).each(function(){arrChk+=this.value + ',';});  //遍历被选中CheckBox元素的集合得到Value值
3. $("#checkbox_id").attr("checked");  //获取一个CheckBox的状态(有没有被选中,返回true/false)
4. $("#checkbox_id").attr("checked",true);  //设置一个CheckBox的状态为选中(checked=true)
5. $("#checkbox_id").attr("checked",false);  //设置一个CheckBox的状态为不选中(checked=false)
6. $("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));  //根据3,4,5条，你可以分析分析这句代码的意思
7. $("#text_id").val().split(",");  //将Text的Value值以','分隔返回一个数组