`
liyonghui160com
  • 浏览: 777224 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery取radio,checkbox的选中值(一组和单个)及理解

阅读更多
jquery取radio单选按钮的值  

      $("input[name='items']:checked").val();  
另:判断radio是否选中并取得选中的值 

 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关   
 
获取一组radio或者checkbox被选中项的值

         var template=new Array();
        $('input[name="template"]:checked').each(function(){
            template.push($(this).val());//向数组中添加元素
        });

 获取select被选中项的文本   

        var item = $("select[name=items] option[selected]").text();   
 获取select被选中项的值 

         var item = $("select[name=items] option[selected]").val();  

$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

 select下拉框的第二个元素为当前选中值   

        $('#select_id')[0].selectedIndex = 1;   

 radio单选组的第二个元素为当前选中值   

        $('input[name=items]').get(1).checked = true;  

 获取值:  

 文本框,文本区域:$("#txt").attr("value");

 多选框checkbox:$("#checkbox_id").attr("value");

 单选组radio: $("input[type=radio][checked]").val();   

 下拉框select: $('#sel').val();或$('#sel option:selected').val(); 

 控制表单元素:   

 文本框,文本区域:$("#txt").attr("value",'');//清空内容

 $("#txt").attr("value",'11');//填充内容  

 多选框checkbox: $("#chk1").attr("checked",'');//不打勾   

 $("#chk2").attr("checked",true);//打勾

 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾  

 单选组radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项   

 下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项   

 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty();//清空下拉框  
   
 val() :获得第一个匹配元素的当前值。  
 val(val):设置每一个匹配元素的值。  

 所以,代码应该这样写:  

 取值:val = $("#id")[0].value;   
 赋值:  $("#id")[0].value = "new value";   

 或者$("#id").val("new value");

jQuery中each非常好用,常用它取代javascript的for循环 

在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式 
break----用return false; 
continue --用return ture; 

所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以 
连each都没有中断,所以function也就不能return了  

另:判断radio是否选中并取得选中的值 

如下所示: 
function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为:"+$(":radio:checked").val()); 
} 
} 
分享到:
评论

相关推荐

    可将radio按钮和checkbox转换为开关按钮的jQuery插件

    本文将详细介绍一个jQuery插件,该插件可以将传统的radio按钮和checkbox转换为更具视觉吸引力和操作便捷性的开关按钮。 首先,我们来理解一下原生的HTML radio按钮和checkbox。Radio按钮通常用于提供一组互斥的选择...

    Jquery 获取input 值

    根据提供的文件信息,我们可以总结出一系列关于如何使用 jQuery 来获取不同类型的输入元素(如 radio 按钮、checkbox 和 select 下拉列表)值的方法。接下来,我们将详细地解析这些方法,并提供相应的代码示例。 ##...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    在"zTree_v3"这个文件中,很可能包含了Ztree的最新版本及相关示例代码,帮助开发者快速理解和使用这个库。 总的来说,这些控件和库是构建交互式Web应用的关键组成部分,它们能够帮助开发者创建功能丰富的界面,提高...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    // 获取一组radio被选中项的值 var radioValue = $('input[@name=items][@checked]').val(); // 获取单个被选中的radio值 var radioItemValue = $("input[@type=radio][@checked]").val(); ``` 对于下拉选择框,...

    JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

    1. 单个RadioButtonList:如果页面中只有一个RadioButtonList,可以使用`$(“input[type=’radio’]:checked”).val()`获取选中的值。若需获取文本,可以通过`$(“input[type=’radio’]:checked+label”).text()`。...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素,包括复选框(Checkbox)。复选框在网页表单中常用于用户多选选项,本文将深入探讨如何使用jQuery来获取、设置复选框的值,并进行相关操作。 1. ...

    jquery\jQueryAPI

    获取单个复选框的值,用`$("#checkbox_id").attr("value")`。若要检查复选框是否被选中,可以使用`$("#chk1").attr('checked')==undefined`。对于多个选中的复选框,可以使用循环遍历获取每个选中项的值,如`$(...

    jquery笔记详细

    本文档旨在通过一系列示例和解释帮助读者更好地理解和掌握 jQuery 的基本概念及高级用法。 #### 二、jQuery 基础 ##### 1. 获取元素属性 - **示例**: ```javascript alert($("div").attr("tagName")); ``` - ...

    jQuery 仿问卷星 自定义修改问卷调查表单代码

    在jQuery中,可以通过checkbox或radio元素实现。同时,需要处理好选中状态的改变,并保存用户的选项设置。 **5. 填空题** 填空题是让用户自由输入答案的类型。在HTML中,可以使用`&lt;input type="text"&gt;`标签来创建...

    jQuery表单设置值的方法

    对于多选下拉框,`.val()`方法同样适用,但需要传入一个包含所有选中项值的数组: ```javascript $("#multiple").val(["选择2号", "选择3号"]); ``` 在这个例子中,ID为`multiple`的多选下拉框被设置为选中“选择2...

    jquery快速入门实例

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

    jQuery权限范围单选全选取消代码.zip

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本资源“jQuery权限范围单选全选取消代码.zip”聚焦于利用jQuery实现一种功能,即在网页中实现权限范围内的单选、...

    关于jquery validate plugin 指定需要验证对象解决方案

    这里,`:input`选择器匹配所有表单输入元素,`:visible`选择器筛选出可见的元素,`:checkbox`和`:radio`则排除了复选框和单选按钮。 此外,jQuery Validate Plugin允许我们通过类名来指定验证规则。比如,我们可以...

    jQuery实现的表格行全选反选单选特效源码.zip

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。这个"jQuery实现的表格行全选...通过学习和理解这段代码,开发者可以更好地掌握jQuery在实际项目中的应用。

    jquery对复选框(checkbox)的操作汇总

    本文内容主要涵盖了使用jQuery库进行复选框(checkbox)操作的方法和技巧,适合需要对网页表单元素进行动态交互的开发者参考。以下是对文章中提到的知识点的详细总结: 1. 获取单个复选框选中项的值: - 可以使用...

    jquery操作复选框(checkbox)的12个小技巧总结

    在网页开发中,jQuery 是一款非常流行的JavaScript库,它简化了DOM操作,包括对复选框(checkbox)的操作。本文将详细介绍12个使用jQuery操作复选框的实用技巧,帮助开发者更高效地处理用户交互。 1. **获取单个...

    PHP+jQuery二级分类单选和多选弹出层

    而单选则会使用`&lt;input type="radio"&gt;`元素,确保同一组内的选项只能选择一个。通过设置适当的事件监听器,我们可以控制这些元素的行为,例如,当用户选中或取消一个选项时,更新UI状态并可能发送Ajax请求给服务器。...

    jQuery完全实例.rar

    这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最...

    jQuery详细教程

    一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏...

Global site tag (gtag.js) - Google Analytics