文章/答案/技术大牛

发布

社区首页 >问答首页 >用jQuery将复选框作为1/0的值

问用jQuery将复选框作为1/0的值
EN

Stack Overflow用户

提问于 2013-11-05 12:10:44

回答 4查看 23.6K关注 0票数 12

我想用jQuery获取所有输入字段的值。我可以用下面的代码来做这件事。但是，如果输入字段是复选框，并且被选中，它将返回"on“。如果选中，如何获得作为1的值？

jQuery:

$('button').click(function() {

    inputs = $('.input');
    inputs.each(function() {
        var value = $(this).val();  
        alert(value);
    }); 

});

HTML:

<input type="text" class="input" />
<input type="text" class="input" />
<input type="checkbox" class="input">

<button>Get values<button>

演示： http://jsfiddle.net/yDKdT/

jquery

html

javascript

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-11-05 12:13:46

您需要检查元素的类型是否等于checkbox。

if( $( this ).attr( 'type' ) === 'checkbox' ) {
    value = +$(this).is( ':checked' );
}

提示：+符号将布尔值转换为整数：1/0

见更新的jsFiddle

票数 34

Stack Overflow用户

发布于 2013-11-05 12:13:15

使用.is(':checked')而不是获取值。这将以布尔值的形式返回它，而不是勾选"on“。

票数 1

Stack Overflow用户

发布于 2013-11-05 12:18:06

你可以试试这个。

$('button').click(function() {

    inputs = $('.input');
    inputs.each(function() {
        var value;
        if( $( this ).attr( 'type' ) === 'checkbox' ) {
            value = $(this).is( ':checked' ) ? 1: 0;
        }else
        {
            value = $(this).val();
        }
        alert(value);
    }); 

});

演示

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19788689

复制

相似问题

问用jQuery将复选框作为1/0的值
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery将复选框作为1/0的值EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用jQuery将复选框作为1/0的值
EN