如何在jQuery中获得复选框的值?
当前回答
下面是如何获取所有选中复选框的值作为数组:
var values = (function() {
var a = [];
$(".checkboxes:checked").each(function() {
a.push(this.value);
});
return a;
})()
其他回答
你可以用下面的。经过测试,它工作正常。
$('#checkbox_id').is(":checked"); // jQuery
如果选中复选框,则返回true,反之亦然。
下面的代码片段适用于任何试图用JavaScript做同样事情的人。
document.getElementById("checkbox_id").checked //JavaScript
如果选中复选框,则返回true
最好的方法是$('input[name="line"]:checked').val()
你也可以得到select text $('input[name="line"]:checked').text()
为单选按钮输入添加值属性和名称。确保所有输入都具有相同的name属性。
<div class="col-8 m-radio-inline">
<label class="m-radio m-radio-filter">
<input type="radio" name="line" value="1" checked> Value Text 1
</label>
<label class="m-radio m-radio-filter">
<input type="radio" name="line" value="2"> Value Text 2
</label>
<label class="m-radio m-radio-filter">
<input type="radio" name="line" value="3"> Value Text 3
</label>
</div>
jQuery(".checkboxClass").click(function(){
var selectedCountry = new Array();
var n = jQuery(".checkboxClass:checked").length;
if (n > 0){
jQuery(".checkboxClass:checked").each(function(){
selectedCountry.push($(this).val());
});
}
alert(selectedCountry);
});
$("input[name='gender']:checked").val();
这适用于我的情况,任何寻找简单方法的人都必须尝试这种语法。 谢谢
检索复选框值的最佳方法如下所示
if ( elem.checked )
if ( $( elem ).prop( "checked" ) )
if ( $( elem ).is( ":checked" ) )
正如jQuery网站上的官方文档所解释的那样。其余的方法与复选框的属性无关,它们正在检查属性,这意味着它们正在测试加载复选框时的初始状态。简而言之:
当你有一个元素,你知道它是一个复选框,你可以简单地读取它的属性,你不需要jQuery(即element .checked),或者你可以使用$(elem).prop("checked"),如果你想依赖jQuery。 如果你需要知道(或比较)元素第一次加载时的值(即默认值),正确的方法是element . getattribute ("checked")或element .prop("defaultChecked")。
请注意,element .attr("checked")只有在jQuery 1.6.1+版本之后才会被修改,以返回与element .prop("checked")相同的结果。
有些答案是误导或不准确的,请自己检查以下内容:
http://api.jquery.com/prop/
推荐文章
- 使伸缩项目正确浮动
- 可以在setInterval()内部调用clearInterval()吗?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- jQuery:执行同步AJAX请求
- 创建圈div比使用图像更容易的方法?
- jQuery表格排序
- 如何禁用文本选择使用jQuery?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 如何停止事件冒泡复选框点击
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点