使用javascript對複選框行爲進行修改

Question

我有這組複選框，表現得像單選按鈕。

我需要一些幫助，讓用戶也可以取消選中一個複選框，這樣組中就不會有選擇。

<label><input type="checkbox" name="cb1" class="chb" /> CheckBox1</label> 
<label><input type="checkbox" name="cb2" class="chb" /> CheckBox2</label> 
<label><input type="checkbox" name="cb3" class="chb" /> CheckBox3</label> 
<label><input type="checkbox" name="cb4" class="chb" /> CheckBox4</label> 


$(".chb").each(function() 
      { 
       $(this).change(function() 
           { 
            $(".chb").attr('checked',false); 
            $(this).attr('checked',true); 
           }); 
      }); 

Answer 1

$(".chb").change(function() 
{ 
    $(".chb").parent().siblings() 
     .find('input').prop('checked', false); 
}); 

甚至更​​好：

var $inputs = $(".chb"); 

$inputs.change(function() 
{ 
    $inputs.not(this).prop('checked', false); 
}); 

而這裏的小提琴：http://jsfiddle.net/zjJKc/