Rails使用Jquery選擇多個複選框時出現問題

Question

我知道我應該從UX角度使用單選按鈕，但我被告知要使用複選框。這是HAML的要點：https://gist.github.com/2701998。

正如你所看到的，有一個'檢查'複選框，'信用卡'複選框，然後是4個信用卡選項。理想情況下，用戶只能選擇支票或信用卡，如果他們選擇信用卡，則只能選擇四種信用卡類型之一（Visa，Amex，Discover或Mastercard）。

這是我目前的代碼，它沒有做任何事情。任何幫助是極大的讚賞。

var checkboxes = $(':checkbox.payment-split); 

checkboxes.click(function(){ 

    var self = this; 

    checkboxes.each(function(){ 

    if(this!=self) this.checked = '' 

    }) 

}) 

Answer 1

var $check_boxes = $('input[type=checkbox]'); 
$check_boxes.click(function() { 
    $check_boxes.prop('checked', false); 
    $(this).prop('checked', true); 
}