画像ベースのチェックボックスはチェックされていますが、テキストフィールドに値が追加されていません

Question

まずは私を助けてくださった皆様に感謝します。私はjQueryとJavaScriptが初めてです。私はそれがチェックされると、チェックボックスの値をテキストフィールドに渡したいと思います。アンカーで画像を使用してチェックしたときには値を渡していませんが、チェックボックスを直接オンにした場合は表示されます。

以下は私のライブコードですが、間違った箇所を確認してください。

プリティチェックボックスコード：

$(document).ready(function() { 


      $('span.mktLblRight input').each(function(){ 
     $(this).next('label').andSelf().wrapAll('<p/>'); 
      }); 

         $("li.mktLblRight").wrapAll('<span class="checkbox-align"/>'); 



     $("span.mktLblRight").addClass("checklist"); 
     $("span.checklist p").append('<a class="checkbox-select" href="#">Select</a><a class="checkbox-deselect" href="#">Cancel</a>'); 


     // code from here on is the same as Aaron Weyenberg 
     $(".checklist .checkbox-select").click(
      function(event) { 
       event.preventDefault(); 
       $(this).parent().addClass("selected"); 
       $(this).parent().find(":checkbox").prop("checked","checked"); 
       this.checked = true; 
      } 
     ); 

     $(".checklist .checkbox-deselect").click(
      function(event) { 
       event.preventDefault(); 
       $(this).parent().removeClass("selected"); 
       $(this).parent().find(":checkbox").removeProp("checked"); 
       this.checked = true; 
      } 
     ); 

}); 

http://jsfiddle.net/5euSB/109/

Answer 1

問題は、あなたがプログラム的に入力フィールドの値を変更しているということです。

$(this).parent().find(":checkbox").removeProp("checked"); 

これにはありません変更イベントをトリガーします。迅速な解決だけ手動で変更をトリガすることです：

$(this).parent().find(":checkbox").removeProp("checked").trigger('change'); 

あなたのサンプルの更新を：http://jsfiddle.net/5euSB/111/