如果选中选项,请不要添加addClass

时间:2011-07-13 11:11:18

标签: jquery css

在网站上我有一个带有addClass语句的按钮。 在单击此按钮之前,可以选择检查单选按钮。 如果选中该按钮,是否可以添加该类?

当前代码:

单选按钮:

<input type="radio" name="test_name" id="test_id" value="0" title="test_title" onclick="$test_click" class="radio" /><label>radio text</label>

按钮:

<button type="button" title="button_test" class="button" onclick="addClass();"> button text</button>

addClass语句(工作):

<script type="text/javascript">
function addClass() {
$j('.test').addClass('test2');  }
</script>

帮助将受到高度赞赏。

3 个答案:

答案 0 :(得分:3)

您可以将is():checked选择器一起使用,并执行以下操作:

function addClass()
{
    if (!$j("#test_id").is(":checked")) {
        $j(".test").addClass("test2");
    }
}

答案 1 :(得分:2)

function addClass() {
  if($("#test_id:not(:checked)")[0]){
      $('.test').addClass('red');  
  }
}

iif #test_id:not :checked,然后添加所需的课程。

演示:http://jsbin.com/unetal

答案 2 :(得分:1)

<script type="text/javascript">
function addClass() {
if($(test_id).attr("checked") != "checked"){
       $j('.test').addClass('test2');  
     }
}
</script>