チェックボックス付きAJAX

Question

AJAXとJavaScriptを初めて使いましたが、Ajaxを使ってHTMLタグを基にした値をPythonハンドラに送信することに取り組みました。以下はこのsiteからシミュレートされた私のコードです。私が抱えている問題は、ボックスが「チェックされている」と「チェックされていない」を比較することです。入力タグに「チェックされていません」と表示されたら、値はどのように渡されますか？ユーザーがクリックしたものがAJAXを介してPython Handlerに渡されることを確認したいので、私は接続を取得していません。

send_data = function(status) { 
 

 
     $.ajax({ 
 
     url: "/subscription", 
 
      dataType: "json", 
 
      data: {'status' : status}, 
 
      type: "POST", 
 
      cache: false 
 

 
    }).done(function(data, status, xml) { 
 

 
     var obj = jQuery.parseJSON(data); 
 
     alert(obj.success); 
 

 
     }).fail(function(jqXHR, textStatus, errorThrown) { 
 

 

 
     }).always(function() { 
 

 

 
     }); 
 

 
} 
 

 

 
$(document).ready(function() { 
 

 
    $("#subscription").submit(function() { 
 

 
     var cb = $("input#switch-1"); 
 

 
     if (cb.is("checked")) { 
 
      send_data(cb.val()); 
 
     } else { 
 
      send_data(cb.val()); 
 
     } 
 
     return false; 
 
    }); 
 

 
});

<form id="subscription" action=""> 
 
    <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1"> 
 
    <input type="checkbox" id="switch-1" name="status" class="mdl-switch__input" id="status" unchecked /> 
 
    <span class="mdl-switch__label">USEREMAIL Subscribed</span> 
 
<input type="submit" value="Submit" /> 
 

 
</form>

Answer 1

まず、正しい選択は:checkedあります。
∨チェックされている場合にのみ、send_data（）関数にチェックボックスの値を渡す必要があります。そうでなければ、条件は無関係です。チェックされた入力とチェックされていない入力に対して同じことをしています。

だから、あなたのコードは次のようなものでなければなりません：

：

if (cb.is(":checked")) { 
    send_data(cb.val()); 
} else { 
    send_data(null); 
} 

しかし、あなたが必要とするすべてのサーバーにフォームの値を渡している場合は、手動でチェックボックスを処理する必要はありません、あなただけのこの操作を行うことができます

checboxがチェックされていない場合、その値はサーバに送信されません（デフォルトのブラウザ動作）。したがって、バックエンドスクリプトのstatusフィールドの有無をチェックするだけで済みます。

Answer 2

あなたの現在のコードは次のように低減することができ、あなたは

$("#subscription").submit(function() { 
    var cb = $("input#switch-1"); 
    send_data(cb.val()); //your current code can be reduced like this 
    return false; 
}); 

...あなたが同じことを送信している両方のケースでは、無駄に検証を行っていますが渡されるかを確認したい場合は、単に