复选框用于选择使用jquery所需的foreach的输入

Question

我有一个带有以下输入的注册表单：可以使用复选框检查的选项和使用extraoptions选择的选项。两者都使用前臂。所以，我想，如果你检查一个选项，选择与该选项的额外选项将需要

我曾尝试使用jquery使extra选项select成为必需选项，但现在当我选中其中一个复选框时，它会使所有选择都成为必需选项。如果我取消选中所有复选框，则仍然需要进行选择。

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     

有人能帮我做这个吗？提前感谢！

Answer 1

使用元素id而不是class，在您的代码中，它将设置所有元素都需要类名"extraoption"。