チェックボックスに未チェックの値を定義する方法は？

Question

私はデフォルト値を 'unchecked'に設定しようとしていますが、動作していません。私はそれが欲しかった。チェックされたストア= 'はい'、チェックされていない場合はストア= 'いいえ'。私はなぜ働かないのか分からない。データベースの入力は常に値 'Yes'で挿入されます。彼らはチェックしたり、チェックを外していました。

<input type="hidden" name="imagem" value="no" /> 
<input id="imagem" type="checkbox" value="yes" >Imagem<br /> 

<input type="hidden" name="som" value="no" /> 
<input id="som" type="checkbox" value="yes" >Som<br /> 

<input type="hidden" name="animacao" value="no" /> 
<input id="animacao" type="checkbox" value="yes" >Animação<br /> 


<button type="button" id="enviar">Cadastrar</button><br /> 

<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#enviar").click(function() { 
      var vjson = {}; 
      $("input").each(function(index) { 
       vjson[$(this).attr("id")] = $(this).val(); 
      }); 
      // console.log(JSON.stringify(vjson)); 
       $.post('<%=request.getContextPath()%>/testeform', { json: JSON.stringify(vjson), email : vjson.email}, 
        function(returnedData){ 
         console.log(returnedData); 
       }); 
     }); 
    }); 
</script> 

Answer 1

あなたのチェックボックスが繰り返し処理時にその入力のためにあなたの価値を属性idなしがに設定されようとしている必要がありますので、私はあなたが

<script type="text/javascript"> 
      function check() { 

       $(document).ready(function() { 

        if($("#ContentPlaceHolder1_chk_boothid").prop('checked') == true) 
        { 
         $('input[type=checkbox][id*=ContentPlaceHolder1_chk_booth_]').each(function() { this.checked = true; }); 

        } 
        else 
        { 
         $('input[type=checkbox][id*=ContentPlaceHolder1_chk_booth_]').each(function() { this.checked = false; }); 

        } 
       }); 
      } 
        </script> 

Answer 2

まず

vjson[$(this).attr("id")] = $(this).val(); 

この1人の助けを願っていますプロパティ"undefined"。

それはIDセレクタあなただけ使用することができます。もちろん、

$("input[type=checkbox]").each(function() { 
    vjson[this.name] = $(this).is(":checked") ? this.value : $("#"+this.name).val(); 
}); 

を使用して非表示の入力を取得されていない場合には、チェックボックスの値を使用している場合は、チェックボックスがチェックされているかどうかを確認することができますラジオボタン。同じ名前を付けると、一度に1つしか確認できません。それからちょうど右の1を取得し、その値を取得するために:checkedセレクターを使用します。

<input type="radio" name="som" value="no"> 
<input type="radio" name="som" value="yes"> 

var value = $("input[name=som]:checked").val(); 

それとも、単にjQueryのフォームのすべての値を検索し、名前/値のペアに入れて持ってserialize()またはserializeArray()を使用することができますクエリ、または値の配列です。 JSONテキストとして送信する必要がある場合は、どちらか一方をJSONに変換してください。

デモ

$("button").click(function() { 
 
    var data = $("form").serializeArray(); 
 
    data = data.reduce(function(values,item){ 
 
    values[item.name]=item.value; 
 
    return values; 
 
    },{}) 
 
    console.log(JSON.stringify(data)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="radio" name="imagem" value="no" /> 
 
    <input type="radio" name="imagem" value="yes">Imagem 
 
    <br /> 
 

 
    <input type="radio" name="som" value="no" /> 
 
    <input type="radio" name="som" value="yes">Som 
 
    <br /> 
 

 
    <input type="radio" name="animacao" value="no" /> 
 
    <input type="radio" name="animacao" value="yes">Animação 
 
    <br /> 
 
</form> 
 
<button>Send</button>