fill text input when checking jquery

Question

i have a loop in my laravel project which contain checkbox and input

@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

i need to fill text input with (1) when checkbox checked
and empty this when checkbox unchecked

i tried many method but failed to work this with next input only

Mihai Alexandru-Ionut · Accepted Answer · 2017-01-17 12:50:47Z

2

You can do this using jquery and bind a change event handler to your checkbox.

Also, use closest method.See reference here.

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

edited Jan 17, 2017 at 12:50

answered Jan 17, 2017 at 12:25

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohamed Mehanny Over a year ago

thanks for your help<br> i used this before but it fill all <br> how to check the next one only '$('.checkservice').change(function() { if($(this).is(":checked")) { $(this).next('.inputservice').val(1); } else $$(this).next('.inputservice').val(''); });`

Mohamed Mehanny Over a year ago

sorry check my edit , it's working well with mono field but it's not working with loop i tried .next but not working

Mihai Alexandru-Ionut Over a year ago

Please take a look at my answer.

marc_s · Accepted Answer · 2017-02-01 17:57:09Z

2

Try jQuery is() method

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

Just use $(selector).is(':checked')

It returns a boolean value.

edited Feb 1, 2017 at 17:57

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jan 17, 2017 at 12:25

NID

3,3241 gold badge21 silver badges29 bronze badges

1 Comment

Mohamed Mehanny Over a year ago

thanks for your help , i tried the first comment method and worked well

Collectives™ on Stack Overflow

fill text input when checking jquery

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related