的jQuery的onclick DIV檢查複選框

我有以下的HTML代碼：的jQuery的onclick DIV檢查複選框

<div class="member"> 
    <input type="checkbox" value="64" style="display:none;" name="memberId[]" /> 
    <div class="memberInfo">John Doe</div> 
</div>

我試圖讓一個jQuery腳本，當來訪者按member DIV它將改變背景顏色，並檢查memberId複選框。

這樣的jQuery腳本應該怎麼樣？

感謝，

來源

2011-02-01 Or Weinberger

你或許應該這樣做有toggle它允許你設置兩個處理程序：一個是第一次處理程序被觸發，然後一個爲下一次，重複是必要的。

$('.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); 
});

來源

2011-02-01 22:45:05 lonesomeday

$('.member').click(function(){ 
    $(this).css('background-color','#ABC098'); 
    $(this).find("input[type='checkbox']").attr('checked',true) 
});

來源

2011-02-01 22:41:52

正是我這樣，可以在這裏的行動http://jsfiddle.net/Je7BP/ – 2011-02-01 22:43:06

雖然這應該被看作工作，因爲我看到它在jsfiddle上工作，它不起作用在我的頁面出於某種原因。我的成員div是在一個jQuery對話框中，這是否有所作爲？ – 2011-02-01 22:47:38

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     $(".member").click(function() { 
      $("input[name=memberId]").attr('checked', true); 
      $(this).css('background-color','#F00'); 
     }); 

    }); 
</script>

編輯：別人比我:(方式更快

來源

2011-02-01 22:47:20

的jQuery的onclick DIV檢查複選框

回答

相關問題