uzyskać właściwą wartość pola wyboru przy użyciu form.serialize

Question

Obecnie używamy $('form').serialize() aby wszystkie dane Forma

To zwróci żadnych wartości jak zaznaczenie pola wyboru „On” lub „Off”.

Czy istnieje sposób na uzyskanie wartości 1/0 lub wartości true/false przy użyciu tej samej metody?

Answer 1

Tak. Można to zrobić poprzez dodanie ukryte wejście z taką samą nazwą jak pole wyboru, którego wartość zostanie przedłożony jeśli pole wyboru jest zaznaczone:

<input type="hidden" name="option" value="false"/> 
<input type="checkbox" name="option" value="true"/> 

Będzie złożyć obie wartości, jeśli pole jest zaznaczone. Ale po stronie serwera zostanie odczytany najnowszy (wartość pola wyboru):

Answer 2

Wartością kontrolki formularza jest zawsze ciąg znaków. Można użyć przycisków opcji, aby uzyskać różne wartości dla tej samej nazwie sterowania:

<form ...> 
    <input type="radio" name="whatever" value="true">true 
    <br> 
    <input type="radio" name="whatever" value="false">false 
    ... 
</form> 

Tylko jeden może być sprawdzana, a tylko sprawdzone nazwa/wartość zostanie wysłany do serwera.

Answer 3

<input type="checkbox" name="check1" value="true" id="check1"> 

wystarczy ustawić wartość

Answer 4

Jeśli mamy wiele checkboxed na naszej stronie jak:

<input id="reminder" name="Check1" value="false" type="checkbox" /> 

    <input id="alarm" name="Check2" value="false" type="checkbox" /> 

musimy powiązać zdarzenie zmiany tych wyboru i ustawić jej wartość na true lub false .

$('input[type=checkbox]').on('change', function(){ 
    var name = $(this).attr('name'); 
    if($(this).is(':checked')){ 
    $('input[name= "' +name +'"]').val(true); 
     $(this).val(true); 
    } 
    else{ 
     $(this).val(false); 
     $('input[name= "' +name +'"]').val(false); 
    } 
}); 

Domyślnie wartość wyboru nie pojawia się w $ ('form'). SerializeArray() Wydaje się, gdy jest zaznaczone.

Musimy zachować jedno ukryte pole dla każdego wyboru, takich jak:

<input type="hidden" value="false" name="Check1" /> 
<input type="hidden" value="false" name="Check2" /> 

Teraz kiedy serializacji formularz teraz, otrzymujemy poprawną wartość takiego: Check1 = true Check2 = false

Answer 5

Możesz dodać nową klasę dla pól wyboru i ustawić wartość po kliknięciu.

<input class="checkbox" id="someId" type="checkbox" value="false" />Checkbox 

I użyć małego JQuery pomocnika

$('.checkbox').click(function() { 
    $(this).val() == "false" ? $(this).val("true") : $(this).val("false"); 
}); 

Wtedy będziesz w stanie uzyskać wartość pola wyboru lub serializacji formularza.