2016-12-12 8 views
-1

私は情報テキストを表示するjconfirmウィンドウを持っています。 そのjconfirmウィンドウにチェックボックスを追加したいと思います。チェックされた/チェックされていない値に基づいてターゲットURLに値が追加されます(最終的にdjangoで処理されます)。jconfirmが呼び出されたときにチェックボックスの値が失われる

問題は、 jconfirmページに表示されるhtmlコードは、チェックボックスの値を失います。それは他の誰かがここで指摘したように構文エラーがない場合は、その値を読み取ることができる前に、チェックボックスが破壊されてしまうから

$('#credit_checkbox').change(function(){ 
$('#hiddenInput').val(this.checked); 
console.log($('#hiddenInput')); 
}); 

$(".popup-action").click(function(e) { 
    var target = this.href; 
    e.preventDefault(); 
    info = "<br/><br/><div> What will happen:<ul class='log payback' style='text-align:left;'><li><input id='credit_checkbox' type='checkbox' />Wanna do this?<br /><input id='hiddenInput' value=''>"; //Probably missed a quote here 

    jConfirm("{% trans 'Set status to ' %}" + $(this).html() + " ?"+ info, "Confirmation", function (r) { 
     if ($('#credit_checkbox').is(':checked')){ 
       target = target + "/True"; 
     } 
     if (r) { 
      console.log($('#hiddenInput').val()); 
       $.getJSON(target,function(json) {codecode} 
     ); 
    } 
}); 
+0

'info'変数の構文エラーです。二重引用符がありません。 'info =" 'Lainがソースコードを編集したので、あなたの' info'変数の文字列の最後にまだ ';'がありません – NewToJS

+1

ここに投稿する前にコンソールをチェックして、エラーを出してください。 – Ionut

答えて

0

、それはです。

そのチェックボックスにイベントを添付してください:

<input id="hiddenInput" value=""> 

そして、あなたは#からその値を読み取ることができます。そして、あなたはその値を格納するHTMLの隠し入力を作成

$("#credit_checkbox").change(function(){ 
    $("#hiddenInput").val(this.checked); 
}); 

いつでもhiddenInput。

+0

私はチェックボックスにチェンジイベントを追加しようとしましたが、イベントが発生しても起動していません。何か不足していて、表示されない場合があります。 – user3253067

関連する問題