您的当前位置:首页使用jQuery获取radio/checkbox组的值的代码收集_jquery
广告

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

2023-12-02 来源:吉希宠物网

代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).attr("checked")){ $(this).removeAttr("checked"); } else{ $(this).attr("checked",'true'); } }) }) $("#btn5").click(function(){//输出选中的值 var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+""; //alert($(this).val()); }) alert(str); }) }) - 其中 代码如下: $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+""; //alert($(this).val()); }) 这部分代码在FireFox无法正常工作,在网上查找后,发现了一个方法可以正常使用,如下所示: 代码如下: $("[name='checkbox']:checked").each(function(){ str+=$(this).val()+""; //alert($(this).val()); }) 即:使用$("[name='checkbox']:checked")这种方法才可以正确取到radio/checkbox组的被选中的控件的集合 运行后,需要刷新下 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]jQuery中取得checkbox组中被选中的值 代码如下:var selectText; $(":checkbox[name=yourcheckname]:checked").each(function(){ selectText+=$(this).val()+','; })

小编还为您整理了以下内容,可能对您也有帮助:

jQuery如何获取选中单选按钮radio的值

简单来说:var val = $('input[name="sex"]:checked').val(); 

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选。

扩展资料:

        jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

如何使用Jquery获取Form表单中被选中的radio值

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值

2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值

3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码:

1、

1.$('input[name="testradio"]:checked').val();

2,$('input:radio:checked').val();

3、$('input[@name="testradio"][checked]');

4、$('input[name="testradio"]').filter(':checked');

差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

$('input[name="testradio"]').each(function(){2.alert(this.value);3.});

如果要取具体某个radio的值,比如第二个radio的值,这样写

$('input[name="testradio"]:eq(1)').val()

jquery怎么获取radio的值

实例1:

获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');

获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

实例2:

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

获取某个radio的值的代码如下:

遍历name为testradio的所有radio代码如下:

取具体某个radio的值,比如第二个radio的值,代码如下:

jquery怎样获取多个复选框的值?

可以参考下面的代码:

$(document).ready(function(){

varchecked=[];

$("#submitButton").click(function(){

$('input:checkbox:checked').each(function(){

checked.push($(this).val());

});

alert(checked);

});

});

扩展资料:

jquery参考函数

$(”元素名称”).html(”<b>new stuff</b>”); 给某元素设置内容 

$(”元素名称”).removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 

$(”元素名称”).removeClass(”class”) 给某元素删除指定的样式 

$(”元素名称”).text(); 获得该元素的文本 

$(”元素名称”).text(value); 设置该元素的文本值为value

参考资料来源:百度百科-jQuery

吉希宠物网还为您提供以下相关内容希望对您有帮助:

jquery怎样获取多个复选框的值?

可以参考下面的代码:(document).ready(function(){ varchecked=[];("#submitButton").click(function(){ ('input:checkbox:checked').each(function(){ checked.push($(this).val());});alert(checked);});});...

如何使用Jquery获取Form表单中被选中的radio值

1.jquery获取radio的值 2.jquery获取checkbox的值 3.jquery获取select的值 要想获取某个radio的值有以下的几种方法,直接给出代码:1、1.$('input[name="testradio"]:checked').val();2,$('input:radio:checked').v...

jquery怎样获取radio的value值

只是获取radio的value值,可以这样:$("#ID").val();//获取选中的radio的value值,可以这样:$(":radio:checked").val();//如果radio有多组,可以通过指定name来获取对应radio组的选中值:$("input[name='sex']:check...

如何获取checkbox 全部的值

编写jquery代码 (function(){ ("input:button").click(function() { text = $("input:checkbox[name='message']:checked").map(function(index,elem) { return $(elem).val();}).get().join(',');alert("选中...

jquery获取div中checkbox 选中的个数

/ span &gt; 2.Javascript代码:函数show(){ Obj文件。getElementsByName(“测试”);Check_val=[];For(kinobj){ 如果(obj[k]。检查)Check_val。Push(obj[k]。值);} 警报(check_val);} ...

jquery 获取radio文本值

按照你说的在JQ里面估计是取不到值得 aa bb只是起到显示的作用 在使用radio控件时 都是取它的 value 值 方法:var appointmentRadio= ("input[name=appointmentRadio]:checked").val();...

jquery怎样找到input的值

01 jquery取radio单选按钮的值 02 $("input[name='items']:checked").val();03 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 04 获取一组radio被选中项的值 05 var item ...

jQuery如何获取选中单选按钮radio的值

简单来说:var val = $('input[name="sex"]:checked').val();使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选。

jquery 获取一组 checkbox 没被选中的值

代码如下:var id_array=new Array();('input[name="id"]:checked').each(function(){ id_array.push($(this).val());//向数组中添加元素 });var idstr=id_array.join(',');//将数组元素连接起来以构建一...

jquery 如何获取单选框的值

获取单选框的值有三种方式:1、$('input:radio:checked').val();2、$("input[type='radio']:checked").val();3、$("input[name='rd']:checked").val();

Top