带复选框的jquery滑块

http://jsfiddle.net/RwH5A/42/

这是我的JSFIDLE代码，我想完成的是让复选框像单选按钮一样工作 这是我取消选中的代码

$('#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); 
});

---

这里试试这个唯一的问题是每次我选中复选框时它都会添加

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

演示：

使用：

.removeAttr('checked');

---

请看：

我误解了你的问题。我必须说，你的问题本可以更明确：）

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

声明如下：

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

表示如果选中复选框，则必须获取其关联值；如果未选中任何内容，则必须将其设置为0。我认为代码的其余部分很容易理解

希望这有帮助

---

R.

我个人的做法是：

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

参考资料：

---

谢谢！，单选按钮的效果是存在的，但价格没有更新，因为我选中了复选框，而且每个复选框的值都是15。为什么？再次感谢！，但当复选框为check时，价格仍不会自动更新，并且您只选择了1:），请你把它做成一个单选按钮，但不要禁用其他两个。你们都有相同的效果和相同的问题：）那么为什么不使用一个

单选按钮呢？我正在尝试创建一个与此相同的表单www.myclean.com仍然是相同的罗兰：（请尝试此操作此处唯一的问题是它总是添加每个复选框查看我的答案，已完成：）我将其更改为单选按钮，请查看此处$（“输入：复选框”）。单击（函数（）{$（this）。兄弟姐妹（':checked'）.prop（'checked'，false）；如果（$（this）.is（':checked'）{options=Number（this.value）；calculatePrice（）；}其他{options=0；calculatePrice（）；}}）；它的修复：）谢谢！