jquery - 带有复选框的jQuery滑块

Question

http://jsfiddle.net/RwH5A/42/
这是我的jsfiddle代码，我想要完成的是让复选框像单选按钮一样这是我的取消选中代码

$('#check1').click(function()
{
    $('#check2').prop('checked', false); 
    $('#check3').prop('checked', false); 
}); 
$('#check2').click(function()
{  
    $('#check1').prop('checked', false); 
    $('#check3').prop('checked', false); 
});
 $('#check3').click(function()
{  
    $('#check1').prop('checked', false); 
    $('#check2').prop('checked', false); 
});

---

在这里试试这个http://jsfiddle.net/RwH5A/40/这里唯一的问题是它每次我检查一个复选框时都会添加

Answer 1

我自己的个人方法是：

$Check.change(function(){
    var self = this,
        v = parseInt(self.value, 10);
    $Check.prop('checked', function(){
        return this == self && self.checked;
    });
    CurrPrice += (self.checked ? Math.abs(v) : -Math.abs(v));
    setprice(CurrPrice);
});

JS 小提琴演示。

参考：

• Math.abs().
• prop().

Answer 2

利用：

.removeAttr('checked');

见：http: //jsfiddle.net/f2mh6/2/

Answer 3

尝试

$Check.click(function() {
    $Check.not(this).prop('checked', !this.checked)
});

演示：小提琴

Answer 4

我误解了你的问题。我必须说你的问题也可以更明确:)

你必须得到滑块和复选框的值，我称之为选项。但是，如果未选中任何复选框，则必须将选项值设置为 0。此外，您的代码必须在这两个地方进行重构。这就是诀窍。

以下声明：

var option = $('input:checkbox:checked').val() || 0;

表示复选框的关联值必须在选中时被抓取，如果未选中，则必须设置为 0。我认为其余的代码很容易理解。

http://jsfiddle.net/f2mh6/7/

希望这可以帮助，

R。