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.click(function() {
    $Check.not(this).prop('checked', !this.checked)
});

演示：Fiddle

Answer 2

使用：

.removeAttr('checked');

请参阅：http://jsfiddle.net/f2mh6/2/

Answer 3

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

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

以下声明：

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

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

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

希望这有帮助，

R上。

Answer 4

我个人的做法是：

$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 Fiddle demo

参考文献：

Math.abs()。
prop()。

带有复选框的jquery滑块

4 个答案: