javascript - 与点击功能相反

Question

如果用户取消单击复选框，相反的功能是什么？

如果用户单击复选框，这是我的脚本

<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>

但如果用户取消单击/取消选中复选框，我希望它运行

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

Answer 1

在点击方法中，您可以检查复选框是选中还是未选中

<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>

Answer 2

它仍然是单击，只需要检查this.checked- 如果是，true则该框已被选中，否则（取消选中）它是false.