选中复选框时,启用两个输入类型时间jquery

时间:2017-06-11 03:55:29

标签: javascript php jquery laravel

此代码是一个循环复选框和两个循环输入类型时间。如果选中该复选框,我想启用输入类型时间。

 <div class="col-md-1 col-sm-1 col-xs-12">
     {!! Form::checkbox('day_check[]', $day, null, array('class' => 'form-control col-md-7 col-xs-12')) !!}
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
    {!! Form::time('start_time[]', null, array('class' => 'form-control col-md-7 col-xs-12', 'id' => 'start')) !!}
</div>
<div class="col-md-2 col-sm-2 col-xs-12">
   {!! Form::time('end_time[]', null, array('class' => 'form-control col-md-7 col-xs-12', 'id' => 'end')) !!}
</div>

$('input[name^="start_time"]').prop('disabled', true);
$('input[name^="end_time"]').prop('disabled', true);

$('input[name^="day_check"]').each(function(index) {
    $(this).change(function(index){
      if ($(this).is(":checked")) {
           $('input[name^="start_time['index']"]').each(function(){ 
            $(this).prop('disabled', false);
           });
             
           $('input[name^="end_time['index']"]').each(function(){ 
             $(this).prop('disabled', false);
           });
         } else {
           $('input[name^="start_time['index']"]').each(function(){ 
             $(this).prop('disabled', true);
           });
           $('input[name^="end_time['index']"]').each(function(){
             $(this).prop('disabled', true);
           });
         }
    })
});
 

另外,如何从循环输入类型时间使用laravel从数据库(json格式)获取值以在更新中形成值?

有人可以帮我这个吗?

1 个答案:

答案 0 :(得分:0)

我假设您在刀片模板中使用@ foreach 进行循环播放。

您需要为每个循环区分每个输入 名称属性。