jquery buttonset 将类添加到选中的元素标签

Question

我遇到了一个不确定如何解决的问题。根据我使用 firefox 和简单控制台日志进行的调试，我做得正确。当我选择每个按钮时，我可以看到所选单选按钮切换的指定 div id。但是，当使用 addClass() 函数时，指定的类不会应用于选中的单选按钮的选定 div id。嗖嗖嗖嗖的。

<script type="text/javascript">
 var $j = jQuery.noConflict();
 $j(document).ready(function(){
  $j('#div :radio').buttonset().click(function(){
   $j(this).find(':checked').attr('id').addClass('');
   $j(this).find(':checked').attr('id').addClass('checked');
  });
 });
</script>

<style>
 .checked{background:url(icon.png) left no-repeat;}
</style>

<div id="div">
 <p><input type="radio" id="radio-1" name="radio" value="radio-1" /><label for="radio-1">Radio-1</label></p>
 <p><input type="radio" id="radio-2" name="radio" value="radio-2" /><label for="radio-2">Radio-2</label></p>
 <p><input type="radio" id="radio-3" name="radio" value="radio-3" /><label for="radio-3">Radio-3</label></p>
</div>

Answer 1

.attr() 返回一个字符串，您的代码在该字符串上调用.addClass()。应该很明显，这是行不通的。您不想将类添加到 ID — 实际上您不能，因为没有 String.addClass 方法。

试试这个：

$j('#div').delegate('input[type="radio"]', 'change', function ()
{
    $j(this).parent().toggleClass('checked', this.checked);
});

---

编辑

这更像您正在寻找的吗？ http://jsfiddle.net/mattball/ACREd/