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; //定义变量

checkeach(function(i){ //循环拼装被选中项的值

actor_config = actor+','+$(this)val();

});

alert(actor_configsubstr(9)+',');

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

$('#permissionList-body input[name="checkboxes"][checked]')each(function(i){

alert($(this)val());

});

但是把技术代码修改为:

$('#permissionList-body input[name="checkboxes"]')each(function(i){

if(thischecked)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(thischecked)判断了 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","");

<input type="checkbox" name="student" value="1" data-age="18" />

<input type="checkbox" name="student" value="2" data-age="19" />

<input type="checkbox" name="student" value="3" data-age="20" />

var student = $("input[name='student']:checked")serialize();

$ajax({

url: "your-url",

type: "post",

data: student,

success: function (result) {

//handle

}

});

如果3个都是选中的状态的话，后台接收的数据为1,2,3

扩展资料：

关于jQuery对checkbox的其他 *** 作

1、根据id获取checkbox

$("#cbCheckbox1");

2、获取所有的checkbox

$("input[type='checkbox']");//or

$("input[name='cb']");

3、获取所有选中的checkbox

$("input:checkbox:checked");//or

$("input:[type='checkbox']:checked");//or

$("input[type='checkbox']:checked");//or

$("input:[name='ck']:checked");

4、获取checkbox值

//用val()即可，比如：

$("#cbCheckbox1")val();

5、获取多个选中的checkbox值

var vals = [];

$('input:checkbox:checked')each(function (index, item) {

valspush($(this)val());

});

6、判断checkbox是否选中（jquery 16以前版本 用  $(this)attr("checked")）

$("#cbCheckbox1")click(function () {

if ($(this)prop("checked")) {

alert("选中");

} else {

alert("没有选中");

}

});

7、设置checkbox为选中状态

$('input:checkbox')attr("checked", 'checked');//or

$('input:checkbox')attr("checked", true);

8、设置checkbox为不选中状态

$('input:checkbox')attr("checked", '');//or

$('input:checkbox')attr("checked", false);

9、设置checkbox为禁用状态(jquery<16用attr,jquery>=16建议用prop)

$("input[type='checkbox']")attr("disabled", "disabled");//or

$("input[type='checkbox']")attr("disabled", true);//or

$("input[type='checkbox']")prop("disabled", true);//or

$("input[type='checkbox']")prop("disabled", "disabled");

10、设置checkbox为启用状态(jquery<16用attr,jquery>=16建议用prop)

$("input[type='checkbox']")removeAttr("disabled");//or

$("input[type='checkbox']")attr("disabled", false);//or

$("input[type='checkbox']")prop("disabled", "");//or

$("input[type='checkbox']")prop("disabled", false);

$("#table tr")click(

$(this)child("td:eq(0)")//你试试这个。

each($(this)find("td"),function(){if($(this)index()==0){alert("我是这行里面第一个td");}})//两个找第一个td

找到td后，

$tdfind(":check")//获取td中check空间。

$tdfind(":check")attr("checked",true);//设置为true，如果不好使，就设置成

attr("checked","checked");

);

$("form")attr("check");

$("form")prop("check");

两种都可以，不过新版jquery推荐第二种，两个在其他方面都差不多，我发现的唯一不同就是在checkbox上的时候，需要用prop，不然IE浏览器会不兼容

jquery获取select的值其实类似于获取其他表单的值，需要用到val()方法， 代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="//cdnbootcsscom/jquery/1111/jqueryjs"></script>

    <script>

        $(function(){

            $('btn-show')click(function(){

                alert($('#selector')val());

            });

        })

    </script>

</head>

<body >

    <button class="btn-show">点击显示select对应的值</button>

    <select name="select" id="selector">

        <option value="1">西瓜</option>

        <option value="2">梨</option>

        <option value="3">李子</option>

        <option value="4">菠萝</option>

        <option value="5">哈密瓜</option>

    </select>

</body>

</html>

<div class="checkbox">

<label><input name="checkitem parent_node" type="checkbox" value="${itemid}">${itemname}</label>

<c:forEach var="right" items="${itemchildren}">

<div class="checkbox">

<label><input name="checkitem" itemid="parent_${itemid}" type="checkbox" value="${rightid}">${rightname}</label>

</div>

</c:forEach>

</div>

<script>

$(function(){

$("parent_node")click(function(){

var pid = $(this)val();

var checked = $(this)attr('checked');

$('input[itemid="parent_'+pid+'"]')attr('checked',checked );

})

})

</script>

你好！

下面通过循环累加的方式，获取结果：

$(document)ready(function(){

    var sum = 0;

    $each($(":checkbox[name='checkvalue']"),function(){

         sum += parseInt(thisvalue);

    });

    alert(sum);

});

以上就是关于jquery怎么得到复选框值全部的内容，包括:jquery怎么得到复选框值、jquery,ajax 如何提交多个checkbox的值、点击表格内一行,jquery获得此行第一个的input的value等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！