yii2 jquery onclick在选中和取消选中复选框时不工作

e0bqpujr 于 2021-09-13 发布在 Java

关注(0)|答案(1)|浏览(296)

我必须同时选中和取消选中复选框，我需要做另一个操作，就像我选中文本框时应该出现，以及取消选中该文本框时应该消失一样。对于这一点，我有代码，但这是它第一次工作，没有重新加载页面，我打开它并选中复选框，当时它不工作：

$('#feescheduledetail-beyond_drive_time').click(function() {
    if(this.checked){
        $('.field-feescheduledetail-drive_time').show();
    }else{
        $('.field-feescheduledetail-drive_time').hide();
    }
});

php jquery JavaScript yii2

来源：https://stackoverflow.com/questions/68498593/yii2-jquery-onclick-not-working-when-check-and-uncheck-checkbox

1条答案

按热度按时间

lbsnaicq1#

使用 change 而不是 click . 你可以藏起来 textbox 起初。

$(".field-feescheduledetail-drive_time").hide();
$(".feescheduledetail-beyond_drive_time").on("change", function() {
  if (this.checked) {
    $('.field-feescheduledetail-drive_time').show();
  } else {
    $('.field-feescheduledetail-drive_time').hide();
  }
});

例子：

$(".field-feescheduledetail-drive_time").hide();
$(".feescheduledetail-beyond_drive_time").on("change", function() {
  if (this.checked) {
    $('.field-feescheduledetail-drive_time').show();
  } else {
    $('.field-feescheduledetail-drive_time').hide();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" class="feescheduledetail-beyond_drive_time" />
<input type="text" class="field-feescheduledetail-drive_time" />

赞(0）回复(0）举报 2021-09-13

我来回答

yii2 jquery onclick在选中和取消选中复选框时不工作

1条答案

相关问题

热门标签

最新问答