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。

与点击功能相反

2 个答案: