Javascript Jquery和单选按钮

我用js和css创建了一些自定义单选按钮，现在我想当我点击一个自定义单选按钮时，将点击的单选按钮设置为选中，将订单单选按钮设置为未选中，所以每次只能有一个选中的单选按钮

    $('.custom-checkbox li span, .bg-check').live('click', function(){


    $(this).parent().find('span').each(function(){

        $(this).addClass('checked').find('input:radio').attr('checked','');

    });     

    $(this).addClass('checked').find('input:radio').attr('checked','checked');



    return false;
});

请帮帮我，我真的不明白

//乐

函数customCheckBox（）
{
$（'.custom checkbox li'）.find（'input:radio'）.hide（）.wrap（''）；
$（'.custom复选框li span、.bg check'）.live（'click'，function（）{
$（this）.parent（）.find（'span'）.each（function（））{
$（this）.removeClass（'checked'）.find（'input:radio'）.attr（'checked'，false）；
});     
$（this）.addClass（'checked'）.find（'input:radio'）.attr（'checked'，true）；
返回false；
});
}

这就是它的工作原理，我找到所有的无线电输入，我用

将它们包装起来，

元素有一些css样式…一个自定义图像

Html

                    <ul class="custom-checkbox clearfix">
                    <li><input type="radio" name="ext" id="a" value=".ro"/><label for="a">.ro</label></li>
                    <li><input type="radio" name="ext" id="b" value=".com"/><label for="b">.com</label></li>
                    <li><input type="radio" name="ext" id="c" value=".net"/><label for="c">.net</label></li>
                    <li><input type="radio" name="ext" id="d" value=".org"/><label for="d">.org</label></li>
                    <li><input type="radio" name="ext" id="e" value=".info"/><label for="e">.info</label></li>
                    <li><input type="radio" name="ext" id="f" value=".biz"/><label for="f">.biz</label></li>
                    <li><input type="radio" name="ext" id="g" value=".us"/><label for="g">.us</label></li>
                    <li><input type="radio" name="ext" id="h" value=".eu"/><label for="h">.eu</label></li>
                    <li><input type="radio" name="ext" id="i" value=".mobi"/><label for="i">.mobi</label></li>
                    <li><input type="radio" name="ext" id="j" value=".name"/><label for="j">.name</label></li>
                </ul>

罗先生
网站
.net
.org
.info
.商务
.美国
.欧盟
莫比先生
.姓名

在jQuery中，属性“checked”和“selected”的值设置为true和false

假设您的代码没有其他潜在问题，那么应该可以解决它。如果它仍然不起作用，您需要提供更多的上下文，即标记和可能的支持代码

对于第一个镜头，您可以如下调整代码：

$('.custom-checkbox li span, .bg-check').live('click', function(){
  $(this)
    .closest('.custom-checkbox')
      .find('span')
        .removeClass('checked')
      .end()
    .end()
    .addClass('checked')
      .find('input:radio')
        .attr('checked',true)
      .end();
});

---

发布生成的HTML也会有所帮助。为什么你要使用生成的

span

作为自定义css，而你可以简单地将类/样式应用于单选按钮的父级

li

？我就是这样做的……但是是的，按照你提到的那样做会更好，但我不想再更改样式了。我只想现在就完成…IE6是一个主要问题吗？只是问一下。我并不想说得太多，但在你问题的底部，你能清楚地定义一下当用户点击单选按钮时（一步一步）你想要发生什么吗？好像你在复制内置的单选按钮行为…我现在是早上四点十分，所以我可能只是累了…首先在每个循环中它应该是$（这个）。removeClass…Sry打字错误。我会用更多的内容编辑这篇文章。坚持到不行，我可以在同一时间选择多个单选按钮。你的级别太低，无法执行重置循环。我编辑了我的答案以反映这一点。+1，先生。我必须承认，我甚至没有得到这个问题……=）最好确保正确的隐藏单选按钮也被正确选中。我还不能证实这一点。

$('.custom-checkbox li span, .bg-check').live('click', function(){
  $(this)
    .closest('.custom-checkbox')
      .find('span')
        .removeClass('checked')
      .end()
    .end()
    .addClass('checked')
      .find('input:radio')
        .attr('checked',true)
      .end();
});