检查jquery时填充文本输入

Question

我的 laravel 项目中有一个循环，其中包含复选框和输入

@foreach($s as $sh)
<tr>
<td><input type="checkbox" name="service_id[]" class="checkser" value="{{$sh->id}}"></td>
<td class="checkservice">{{$sh->name}}</td>
<td> <input type="text" class="form-control checkser inputservice" placeholder="{{trans('home.quantity')}}" name="ser_quantity[]" ></td>
<td>{{$sh->price}}</td>
</tr>
@endforeach

选中复选框时，我需要用 (1) 填充文本输入
并在未选中复选框时清空它

我尝试了很多方法，但只用下一个输入都失败了

Answer 1

您可以使用jquery 执行此操作，并将change 事件处理程序绑定到您的checkbox。

另外，使用closest 方法。参见参考here。

$('.checkser').change(function() {
    if($(this).is(":checked")) {
       $(this).closest('tr').find('.inputservice').val(1);
    }
    else
       $(this).closest('tr').find('.inputservice').val('');        
});

Answer 2

试试 jQuery is() 方法

if($(".checkser").is(':checked'))
    $(".inputservice").val(1);  // checked
else
    $(".inputservice").val('');  // unchecked

只需使用$(selector).is(':checked')

它返回一个布尔值。