基于类取消选中 jQuery 单选按钮

Question

根据class取消选中单选按钮是否可能？

$('#button').click(function () {

    $("input:radio[class^='.radio2']").each(function(i) {
      this.checked = false;
        });

});

JsFiddle = http://jsfiddle.net/nPgyd/1/

这似乎无法正常工作。

- Homer_J

---

尝试使用 $(this).prop('checked', false);。 - Shivam

没有成功，maxART低于建议值但是没有成功。 - Homer_J

我其实是第一个提出这个建议的 ^^ - Shivam

@shivam，别急啊伙计 - AnaMaria

Answer 1

这是你的解决方案。 您只需要删除大括号以比较类。 工作演示

 $("input:radio[class^=radio2]").each(function(i) {

- AnaMaria

---

在jsFiddle上运行正常，但是当我应用到我的实际代码中时却不起作用！真奇怪。 - Homer_J

我需要看到你的实际代码才能确定。也许有个拼写错误或其他问题。 - AnaMaria

你的代码有一个bug。你给了所有的四个按钮相同的值。这是故意的吗？ - AnaMaria

所有排序 - 我的代码有一个不同的错误。非常感谢。 - Homer_J

Answer 2

这可能对你有所帮助。

$('#button').click(function () {
    $("input:radio.radio2").each(function(i) {
            $(this).attr('checked',false);
    });

});

检查链接...

http://jsfiddle.net/nPgyd/13/

- Anand Jha

Answer 3

尝试

Fiddle Demo

$('#button').click(function () {

    $(".radio2").each(function(i) 
     {
          this.checked = false;
     });

});

- Tomas Santos

Answer 4

是的，你可以，所需的语法并不像那么复杂。

$('#button').click(function () 
{    
    $(".radio2").each(function(i) 
    {
          this.checked = false;
    });                
});

或者如果你只想影响具有radio2类的输入框：

$('#button').click(function () 
{    
    $("input.radio2").each(function(i) 
    {
          this.checked = false;
    });                
});

jsFiddle演示

- Dolchio

---

这一部分很关键，class^=，就像在实际应用中，事物经常以radio-开头。明白吗？ - Homer_J

Answer 5

试试这样的东西？

$('#button').click(function () {

    $("input[type='radio'].radio2").each(function () {
        $(this).prop('checked', false);
    });

});

jsFiddle

- Shivam