问题描述
我想在两个复选框中使两个复选框充当单选按钮 正如我们在选择Front或Pocket时所做的那样,它只检查其中的一个。
$(document).ready(function() {
$.ajax({
url: 'allPrintLocations',type: 'get',success: function(response) {
$('.printLocation_name label').click(function(event) {
var checkNow = $(this).parent('.printLocation_name').find('input')
if (checkNow.attr('checked')) {
for (var i = 0,l = response.length; i < l; i++) {
if (checkNow.val() == response[i].id) {
checkNow.removeAttr('checked','checked')
document.getElementById("testview" + i).style.display = "none";
document.getElementById("numSelect" + i).style.display = "none";
}
}
} else {
for (var i = 0,l = response.length; i < l; i++) {
document.getElementById("discribee" + i).name = response[i].name + "Suggestion";
document.getElementById("Numbere" + i).name = response[i].name + "Colors";
if (checkNow.val() == response[i].id) {
checkNow.attr('checked','checked')
document.getElementById("testview" + i).style.display = "block";
document.getElementById("numSelect" + i).style.display = "block";
document.getElementById("label" + i).innerHTML = 'Describe what you would like designed on the ' + response[i].name + ' of the shirt.';
}
}
}
});
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="Select_Boxes">
<div class="all_print_location">
<label class="main_labels">
Select printed location
</label>
<div class="allLocations">
@foreach ($product[0]->print_locations as $PL)
<div class="printLocation_name">
<input name="printLocations[]" type="checkBox" id="front" value="{{$PL->id}}">
<label for="front">{{$PL->name}}</label>
</div>
@endforeach
</div>
</div>
</div>
<div class="PageInfo">
<p><em>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Atque,recusandae.</em></p>
</div>
@for($i=0;$i
<count($printLocations);$i++) <div id="testview{{$i}}" class="discribePrint" style="display: none">
<label id="label{{$i}}" for="discribe" class="main_labels">
What You want on your Front
</label>
<div class="main__discribe">
<textarea id="discribee{{$i}}" name="" cols="20" rows="5" class="form-control form_class" placeholder="1. Please add notes/changes you need a numbered list. 2. Please try to keep your notes concise. 3. Please make sure to write the exact text you want on the shirt (event name,date,venue,letters,school,chapter,sponors,etc"></textarea>
</div>
</div>
<div id="numSelect{{$i}}" class="number_Colors" style="display: none">
<label for="Numbers" class="main_labels">
No. of colors
</label>
<select id="Numbere{{$i}}" name="SelectColors" class="form-control form_class">
<option value=""> Select Colors</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
@endfor
https://greekhouse.org/wizard/design
public function designDetailScreen(Request $request)
{
$printLocations = PrintLocations::all();
$designID = $request->cookie('designID');
$design = Designs::where('id',$designID)->get();
$productID = $request->cookie('productID');
$product = Products::where('id',$productID)->get();
// dd($product[0]->print_locations);
$data = array(
"design" =>$design,"product" =>$product,"printLocations" => $printLocations
);
return view('web.designDetailScreen')->with($data);
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)