`

jQuery-对Radio/CheckBox的操作集合

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


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

分享到:
评论

相关推荐

    使用jQuery获取radio/checkbox组的值的代码收集

    上述代码通过遍历被选中的checkbox集合,并将它们的value属性值添加到字符串中,最后通过alert()显示出来。这是在页面中常用的操作,用于在用户交互后获取需要的数据。 在调试过程中,遇到某些代码在特定浏览器中...

    jQuery-1.3.2 学习笔记(转).txt

    - `:checked`:选取所有被选中的 `<input type="radio">` 或 `<input type="checkbox">` 元素。 - `:selected`:选取所有被选中的 `<option>` 元素。 #### 四、初始化与操作 1. **初始化方法**: - `jQuery...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    240多个jQuery UI插件

    - **jQuery Checkbox manipulation**: 操作复选框的状态。 - **jTagging**: 实现标签功能。 - **jQuery labelcheck**: 为复选框添加标签。 - **Overlabel**: 创建覆盖标签效果。 - **3state radio buttons**: ...

    海量经典的jQuery插件集合

    ### 海量经典的jQuery插件集合 #### 引言 jQuery作为一款优秀的JavaScript库,以其简单易用的特点深受开发者喜爱。随着社区的发展壮大,出现了大量的jQuery插件来满足不同的开发需求。本文将对一系列经典的jQuery...

    jq基本控件操作集合

    jq基本控件操作集合:select,radio,checkbox全选

    包含表单到布局到CSS到图片到各种WEB开发资源大集合

    - **jQuery Fancy Custom Radio-button and Checkbox**:提供定制化的单选按钮和复选框,增强了用户界面的美观性和功能性。 - **iPhone Style Radio and Checkbox**:另一款模仿iPhone风格的单选和复选框插件。 ###...

    Jquery 操作 Dom 标签 select

    ### Jquery 操作 Dom 标签 Select 在前端开发中,使用 ...以上就是使用 jQuery 对 `select`、`radio` 和 `checkbox` 元素进行操作的基本方法和技术要点。希望这些内容能帮助你在实际项目中更加高效地使用 jQuery。

    表单Checkbox元素美化特效.zip

    JavaScript,特别是jQuery库,提供了便利的DOM操作,使得我们能够轻松响应用户对Checkbox的操作。例如,使用`.click()`或`.change()`事件监听Checkbox的状态变化,然后通过JavaScript更新关联的CSS类或者进行其他...

    jquery 学习

    本文档将详细介绍 jQuery 中与表单相关的常用函数和方法,特别是如何操作输入框(Input)、下拉列表(Select)、单选按钮(Radio)和复选框(Checkbox)等元素。 #### 二、操作Input输入框 在网页表单中,输入框是...

    jquery笔记详细

    Checkbox 和 Radio 控件 - **Checkbox 选中**: - 使用 `val()` 方法设置复选框组中被选中的项。 - 示例:设置复选框 `check2` 和 `check4` 被选中。 ```javascript $("input[type='checkbox']").val(["check2...

    jQuery选择器大全(48个代码片段 21幅图演示)

    - `:checkbox`,`:radio`,`:file`,`:password`,`:text`等:根据表单元素类型进行选择。 通过这些选择器,jQuery允许开发者高效地定位和操作DOM元素,实现丰富的动态效果和交互。结合代码片段和21幅图的演示,...

    jquery常用查询总结

    JQuery 是一个广泛使用的 JavaScript 库,极大地简化了网页中的 DOM 操作、事件处理和动画效果。本篇文章将深入探讨 `jQuery` 中的一些常用查询和功能。 ### 1. jQuery 核心方法 `$` 是 jQuery 类的一个别名,`$()...

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    jquery快速入门实例

    jQuery 对象是一组DOM元素的集合,而DOM对象是单个元素。你可以通过 `.get(index)` 方法将jQuery对象转换为DOM对象,或使用 `$()` 将DOM对象转换为jQuery对象。 ```javascript $(function() { var $li = $('li'); ...

    jQuery相关知识总结.docx

    - `:text`、`:password`、`:radio`、`:checkbox`、`:submit`、`:reset`、`:file` 等:分别选取特定类型的输入元素。 3. **jQuery 方法和操作** - **DOM 操作**:jQuery 提供了如 `.append()`、`.prepend()`、`....

    jquery 1.4 cheatsheet

    ### jQuery 1.4 Cheat ...以上就是对`jQuery 1.4`中关键知识点的详细介绍。这些知识点不仅对于初学者来说非常有用,对于经验丰富的开发者来说也是很好的参考材料。希望这些内容能够帮助大家更好地理解和使用`jQuery`。

    Jquery笔记.docx

    - `:checked`:选择选中状态的radio或checkbox。 6. `.each()`方法 `.each()`是jQuery提供的一个迭代方法,可以遍历数组、JSON对象以及DOM对象数组: - 对于数组和JSON对象,`.each()`会依次调用处理函数,传入...

Global site tag (gtag.js) - Google Analytics