Rails使用Jquery从多个中仅选择一个复选框

Question

我知道我应该从UX的角度使用单选按钮，但我被告知要使用复选框。以下是HAML的要点：https://gist.github.com/2701998。

正如您所看到的，有一个“支票”复选框，一个“信用卡”复选框，然后是4个信用卡选项。理想情况下，用户只能选择支票或信用卡，如果他们选择信用卡，他们只能选择四种信用卡类型中的一种（Visa，Amex，Discover或万事达卡）。

这是我目前的代码，它没有做太多的事情。任何帮助是极大的赞赏。

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);
}