I次のHTMLコードを持っている：jQueryのonclickのdivのチェック、チェックボックス
<div class="member">
<input type="checkbox" value="64" style="display:none;" name="memberId[]" />
<div class="memberInfo">John Doe</div>
</div>
私は訪問者がmemberのdivを押したときに、それは背景色を変更し、チェックすることをjQueryのスクリプトを取得しようとしていますmemberIdチェックボックス。
このようなjQueryスクリプトの外観はどうですか？
おかげで、
あなたはおそらく、あなたが2つのハンドラを設定することができますどのtoggleでこれを行う必要があります。必要に応じて繰り返し、ハンドラがトリガされる最初の時間のためのものとし、次の時間に1つずつ。
$('.member').toggle(function() { // first time
$(this).css('background-color', '#ff0000')
.find('input:checkbox').attr('checked', true);
}, function() { // second time
$(this).css('background-color', '#ffffff')
.find('input:checkbox').attr('checked', false);
});
$('.member').click(function(){
$(this).css('background-color','#ABC098');
$(this).find("input[type='checkbox']").attr('checked',true)
});
私が持っているまさに、ここhttp://jsfiddle.net/Je7BP/ –
これは必要がありますが、アクションで見ることができますjsfiddleで動作することがわかりますが、何らかの理由でページ上で動作しません。メンバーdivがjqueryダイアログ内にありますが、違いはありますか？ –
<script type="text/javascript">
jQuery(document).ready(function(){
$(".member").click(function() {
$("input[name=memberId]").attr('checked', true);
$(this).css('background-color','#F00');
});
});
</script>
編集：他の人が私よりも道速かった:(
これはjsfiddleで動作するはずですが、何らかの理由で私のページ上で動作しません。メンバーのdivがjqueryダイアログの中にありますが、違いはありますか？ –
@Or Wそれは問題ではありません。実際のコードはどこかにアクセスできますか？ – lonesomeday
あなたの関数をjQuery（document）でラップすることで修正しました.ready（function（）{ –