Question

我有一个条件，如果选中了活动状态，那么它会显示一个文本表单。

这是我的查看表单代码：

<div class="form-group">
  <label>Active:</label>
  {{ Form::checkbox('active', 0,null, array('id' =>'active_check','class' => 'active_check')) }}
</div>
<div id ="join_date" class="form-group" style="display: none;">
  <label>Join Date:</label>
  <div class="input-group">
    {!! Form::text('join_date', null, array('class' => 'form-control datetimepicker' )) !!}
  </div>
</div>

到目前为止，这是我的jQuery切换和检查条件代码：

$('#active_check').click(function() {
    $("#join_date").toggle(this.checked);
    $('#join_date').find('input[type="text"], textarea').val('');
});
var activeCheck = $('checkbox[name="active_check"]');
function checkActive(select) {
    if (select.val() == 0) {
        $('#join_date').hide();
    } else {
        $('#join_date').show();
    }
}
checkActive(activeCheck);

问题是，首次加载时，join_date表单不会隐藏。我需要切换复选框以隐藏它。任何的想法？

Answer 1

尝试这个简单的逻辑：

if($('#active_check').is(':not(":checked")')) {//test if active_check is not checked 
 $('#join_date').hide();//hide it
}
$('#active_check').click(function() {
    $("#join_date").toggle();//toggle it
});

显示没有不工作的Laravel

1 个答案: