jquery怎么得到复选框值

Posted 2023-04-22

jquery怎么得到复选框值

复制的：

HTML 代码:

<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />
<input type="checkbox" name="newsletter" value="Weekly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>

jQuery 代码:

$("input:checked")

结果:

[ <input type="checkbox" name="newsletter" checked="checked" value="Daily" />, <input type="checkbox" name="newsletter" checked="checked" value="Monthly" /> ]

var check = $("input:checked"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i) //循环拼装被选中项的值
actor_config = actor+','+$(this).val();
);
alert(actor_config.substr(9)+',');

通过以下js代码去获取选中项的值，在IE7中可以正确取得选中项的值，但在IE8中却得不到选中项的值，同样在Firefox 3.5.3下也得不到值，但公司同事在Firefox其他较低版本下能正确得到值，IE6下也没有问题，⊙﹏⊙b汗

$('#permissionList-body input[name="checkboxes"][checked]').each(function(i)
alert($(this).val());
);
但是把技术代码修改为:

$('#permissionList-body input[name="checkboxes"]').each(function(i)
if(this.checked)alert($(this).val());
);===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')这两种写法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')
这种支持firefox
没有找到好的解决方法，只有加if(this.checked)判断了 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();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();控制表单元素：文本框，文本区域：$("#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()；//清空下拉框// 清空所有复选框选项 $(":checkbox").attr("checked",""); 参考技术A var str="";
var listchk = $("input[name='newsletter[]']");
for(i=0;i<listchk.length;i++)
if(listchk[i].checked)
str += listchk[i].value;


html部分应该这样
<input type="checkbox" name="newsletter[]" value="1">

参考资料：jquery 权威指南

参考技术B 楼上正解,
$("input[name=checkboxName]:checked").val()即可取到复选框选中项的值.
checkboxName 替换为你所需要取的复选框的name属性. 参考技术C var TypeID =$("input[name='nums']");
for(var i=0;i<TypeID.length;i++)
if(TypeID[i].checked)
TypeID[i].val();//这里得到复选框选中项的值

参考技术D jquery的遍历方法可以获取复选框所欲的选中值
$("input:checkbox:checked").each(function(index,element));
//
为所有选中的复选框执行函数，函数体中可以取出每个复选框的
值$("input:checkbox:checked").map(function(index,domElement)); //
将所有选中的复选框通过函数返回值生成新的jQuery 对象实例演示：点击按钮获取checkbox的选中值
创建Html元素
<div
class="box"> <span>点击按钮获取checkbox的选中值：</span><br>
<div class="content"> <input type='checkbox' name='message'
value='1'/>发送短信 <input type='checkbox' name='message'
value='2'/>发送邮件 </div> <input type="button"
value="提交"></div>设置css样式
div.boxwidth:300px;padding:20px;margin:20px;border:4px
dashed
#ccc;div.box>spancolor:#999;font-style:italic;div.contentwidth:250px;margin:10px
0;padding:20px;border:2px solid #ff6666;编写jquery代码
$(function()
$("input:button").click(function() text =
$("input:checkbox[name='message']:checked").map(function(index,elem)
return $(elem).val(); ).get().join(',');
alert("选中的checkbox的值为："+text); ););观察效果

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的值，代码如下：

参考技术A

1.获取选中值，三种方法都可以：

$('input:radio:checked').val()；

$("input[type='radio']:checked").val();

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

2.设置第一个Radio为选中值：

    $('input:radio:first').attr('checked', 'checked');

或者

$('input:radio:first').attr('checked', 'true');

注：attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3.设置最后一个Radio为选中值：

$('input:radio:last').attr('checked', 'checked');

或者

$('input:radio:last').attr('checked', 'true');

4.根据索引值设置任意一个radio为选中值：

$('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

或者

$('input:radio').slice(1,2).attr('checked', 'true');

5.根据Value值设置Radio为选中值

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

或者

$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

参考技术B 使用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的值

1.$('input[name="testradio"]:checked').val();2、
1.$('input:radio:checked').val();3、
1.$('input[@name="testradio"][checked]');4、
1.$('input[name="testradio"]').filter(':checked');差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下

1.$('input[name="testradio"]').each(function()2.alert(this.value);3.);如果要取具体某个radio的值，比如第二个radio的值，这样写
1.$('input[name="testradio"]:eq(1)').val()
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 参考技术C 使用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、
1.$('input:radio:checked').val();3、
1.$('input[@name="testradio"][checked]');4、
1.$('input[name="testradio"]').filter(':checked');差不多挺全的了，如果我们要遍历name为testradio的所有radio呢，代码如下

1.$('input[name="testradio"]').each(function()2.alert(this.value);3.);如果要取具体某个radio的值，比如第二个radio的值，这样写
1.$('input[name="testradio"]:eq(1)').val()本回答被提问者采纳 参考技术D 给radio标签一个id属性 id="rdo1"
$("#rdo1").val();
这样就取到了