帶單選按鈕的Jquery unchecked複選框

Question

使用jQuery，我隱藏所有複選框和單選按鈕，並使用CSS background來指示已簽名狀態。我想取消所有的複選框與單選按鈕，但仍然檢查了我的複選框雖然CSS改變我的實現將無法工作：

var fliter_radio=$(".item input[name='group1_radio']"); 
var fliter_checkbox=$(".item input[name='group1']"); 

fliter_radio.next().click(function(){ 
          $(this).prev()[0].checked=true; 
          $(this).addClass("checked"); 

          //#unchecked all checkbox 
          fliter_checkbox.each(function(){ 
           $(this).checked=false; 
           $(this).next().removeClass("checked"); 
          }) 
    }) 

<li class="item"><input type="radio" id="radio" name="group1_radio" checked="checked" value="unchecked" /><strong>radio button</strong></li> 
<li class="item"><input type="checkbox" id="CheckBox1" name="group1" value="news" /><strong>Checkbox1</strong></li> 
<li class="item"><input type="checkbox" id="CheckBox2" name="group1" value="news" /><strong>Checkbox2</strong></li> 

我重寫一個完整的演示在這裏：http://jsfiddle.net/badjohnny/MnujS/8/

你能幫我正確實施嗎？

Answer 1

$(document).ready(function() { 
    function custom_uncheck(radio, checkbox) { 
     var fliter_checkbox = $(checkbox); 
     var fliter_radio = $(radio); 

     fliter_checkbox.hide(); 
     fliter_radio.hide(); 

     fliter_radio.next().on('click', function() { 

      $(this).addClass('checked') // add checked class to strong 
        .prev().prop('checked', true); // make check the radio 

      fliter_checkbox.prop('checked', false) // make checkbox uncheck 
        .next('strong').removeClass('checked'); // remove checked class 

     }).click(); // trigger the initial click 

     fliter_checkbox.next('strong').on('click', function() {// click on checkbox 
      $(this).toggleClass('checked') // changing checked class 
        .prev() // go to checkbox 
        .prop('checked', function() { // change checkbox check status 
           return !this.checked; 
          }); 
      // make uncheck the radio and remove checked class from strong 
      fliter_radio.prop('checked', false).next().removeClass('checked'); 
     }); 
    } 
    custom_uncheck('input[name="all"]', 'input[name="c"]'); 
})​; 

Working sample

Answer 2

$(this).checked=false;到$(this).prop("checked",false);