Флажок делает выборочный ввод, который использует foreach, необходимый для jquery - PullRequest
0 голосов
/ 31 октября 2019

У меня есть форма регистрации с этими входами: параметры, которые вы можете проверить с помощью флажков и выбрать с помощью дополнительных параметров. оба используют foreach. Итак, я хочу, чтобы, если вы отметите опцию, потребуется выбор с дополнительными опциями для этой опции

Я пытался использовать jquery, чтобы сделать выбор экстраопции обязательным, но теперь, когда я отмечаю один из флажков, он делает все необходимые выборы. и если я снимаю все флажки, выбор все еще требуется.

Jquery

if(this.checked){                           
$('.extraoption').attr('required', 'True');
}
else{                           
    $('.extraoption').attr('required', 'False');
}

html

<label>Options</label><br>
@foreach($option_array as $option)  
<div>
<input type="checkbox" class="option" id="option_{{ $option->exa_id }}" name="option_{{ $option->exa_id }}" value="{{ $option->exa_id }}" {{ isset($cache) ? (isset($cache['option_' . $option->exa_id]) ? 'checked' : '')  : (old() ? (old('option_' . $option->exa_id) ? 'checked' : '') : ($registration ? (in_array($option->exa_id, $registration_options) ? 'checked' : '') : '')) }} >
<input type="hidden" value="{{ $option->exa_prijs }}" class="option_prijs_{{ $option->exa_id }}">
<label>{{ $option->exa_naam }}</label> <label class="exa_prijs">  €{{ $option->exa_prijs }} </label>    
</div>

<select name="extraoptions_{{ $option->exa_id }}" class="form-control extraoption">
<option></option>
@foreach($option->extraoptions as $extraoption)
<option value="{{ $extraoption->eos_id }}" {{ ($inschrijving ? (in_array($extraoption->eos_id, $inschrijving_options_extra) ? 'selected' : '') : '') }}>{{ $extraoption->eos_name }}</option>
@endforeach
</select>
<br>
@endforeach     

Кто-нибудь может мне помочь с этим? Заранее спасибо!

1 Ответ

0 голосов
/ 31 октября 2019

Используйте идентификатор элемента вместо класса, в вашем коде будет установлено, что для всех элементов требуется имя класса 'extraoption'.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...