2012-09-30 77 views
0

如果用戶取消選中複選框,相反的功能是什麼?與點擊功能相反

這是我的腳本,如果用戶點擊複選框

<script> 
$(document).ready(function() { 
    $("input[name$='INopt']").click(function() { 
    $("#OUTsrvOtr").prop('class','text') 
    }); 
}); 
</script> 

<input id="INsrv" name="INopt" type="checkbox" value="1" />1<br> 

,但我想它來運行,如果用戶unclicks /取消選中該複選框

$("#OUTsrvOtr").prop('class','validate[required] text-input text') 

回答

4

內單擊方法,你可以檢查是否複選框被選中或未選中

<script> 
$(document).ready(function() { 
    $("input[name$='INopt']").click(function() { 
    if(this.checked){ 
     $("#OUTsrvOtr").prop('class','text'); 
    } 
     else{ 
      $("#OUTsrvOtr").prop('class','validate[required] text-input text'); 
    } 

    }); 
}); 
</script> 
+0

是否可以,如果我在複選框ID上使用它? $(「#INsrv」)。click(function(){ – telexper

+0

是的,我相信會更好。 – Anoop

+0

當我改變它的值到它停止工作的ID – telexper

1

它仍然是點擊,只有你需要檢查this.checked - 如果它是true那麼該框已被選中,否則(取消選中)它是false