Question

我的HTML代码

<td valign="top" class="padtop10 appgreyunselect">
    <input name="raddate" type="radio" value="trans-date" class="resmarpad rad" /> Transaction Date
</td>
<td valign="top" class="padtop10 appgreyunselect">
    <input name="raddate" type="radio" value="collect-date" class="resmarpad rad" /> Collection Date
</td>

我的js代码

$("#myForm input").click(function(){
    if($('input[name=raddate]:checked')){
       $(this).parent().removeClass('appgreyunselect').addClass('fontwht11');
    } else {
       $(this).parent().removeClass('fontwht11').addClass('appgreyunselect');
    }
});

实际上编写的代码做得很完美，但这不是我想要的，如果取消选择，那么标签将转回上一课（appgreyunselect）。但它们仍然是白色。请帮忙......

Answer 1

更改单选按钮后，删除fontwht11课程并将appgreyunselect添加到.padtop10。如果选中单选按钮，则删除appgreyunselect课程并将fontwht11添加到父级，如下所示。

$("#myForm input").change(function () {
    $('.padtop10').removeClass('fontwht11').addClass('appgreyunselect');

    if ($(this).is(':checked')) {
        $(this).parent().removeClass('appgreyunselect').addClass('fontwht11');
    } 
});

需要在选择单选按钮时更改（父）的类。 jQuery的

1 个答案: