使用jQuery獲取checkbox的值為1/0

Question

我想用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/

Answer 1

您需要檢查元素的類型是否相等checkbox ：

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

提示： +符號將布爾值轉換為整數： 1/0

查看更新的jsFiddle

Answer 2

DEMO

var input = $('.input');

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

    input.each(function() {      
      var val = this.type=="checkbox" ? +this.checked : this.value ;      
      alert(  val  );
    }); 

});

什么是：

this.type=="checkbox" // Test if HTMLElement type is checkbox // (Boolean)
?
+this.checked // if true  // using '+', set boolean (true/false) to int (0/1)
:
this.value    // if false // just get the value
; 

_{附加讀數： 將布爾結果轉換為數字/整數}

Answer 3

使用.is（'：checked'）而不是獲取值。 這將返回它作為布爾值，而不是如果選中“開”。

Answer 4

你可以試試這個。

$('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);
    }); 

}); 

DEMO

Answer 5

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

的jsfiddle

Answer 6

因為你沒有提到checkbox的任何值。試試這個：

<input type="checkbox" class="input" value="1">

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