如何检查收音机是否在 blade Laravel 5 中被选中
How to check if radio is checked in blade Laravel 5
我的 blade 中有两个收音机,如果选中收音机 1,我希望在模态弹出窗口中显示一些步骤
否则,如果选中收音机 2,则在此模态事件中显示另一个步骤
这是我的收音机:
<div class="row setup-content" id="step-1">
<div class="col-xs-6 col-md-offset-3">
<div class="col-md-12">
<h3> Step 1</h3>
<label><input type="radio" class="message_pri" id="web" name="web" value="Web">Web</label>
<label><input type="radio" class="message_pri" id="mobile" name="web" value="Mobile">Mobile</label>
<button class="btn btn-primary nextBtn btn-lg pull-right btnnext" type="button" >Next</button>
</div>
试试这个:
$('.message_pri').change(function(){
if($(this).val() == 'Web')
{
alert('Web is selected')
}
else
{
alert('Mobile is selected')
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row setup-content" id="step-1">
<div class="col-xs-6 col-md-offset-3">
<div class="col-md-12">
<h3> Step 1</h3>
<label><input type="radio" class="message_pri" id="web" name="web" value="Web">Web</label>
<label><input type="radio" class="message_pri" id="mobile" name="web" value="Mobile">Mobile</label>
<button class="btn btn-primary nextBtn btn-lg pull-right btnnext" type="button" >Next</button>
</div>
你可以用另一种简单的方法来完成
只需将此脚本添加到您的页面
$('.message_pri').on('change',function(){
if($('#web').is(':checked')){
alert('web');
}else{
alert('mobile');
}
})
我的 blade 中有两个收音机,如果选中收音机 1,我希望在模态弹出窗口中显示一些步骤
否则,如果选中收音机 2,则在此模态事件中显示另一个步骤
这是我的收音机:
<div class="row setup-content" id="step-1">
<div class="col-xs-6 col-md-offset-3">
<div class="col-md-12">
<h3> Step 1</h3>
<label><input type="radio" class="message_pri" id="web" name="web" value="Web">Web</label>
<label><input type="radio" class="message_pri" id="mobile" name="web" value="Mobile">Mobile</label>
<button class="btn btn-primary nextBtn btn-lg pull-right btnnext" type="button" >Next</button>
</div>
试试这个:
$('.message_pri').change(function(){
if($(this).val() == 'Web')
{
alert('Web is selected')
}
else
{
alert('Mobile is selected')
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row setup-content" id="step-1">
<div class="col-xs-6 col-md-offset-3">
<div class="col-md-12">
<h3> Step 1</h3>
<label><input type="radio" class="message_pri" id="web" name="web" value="Web">Web</label>
<label><input type="radio" class="message_pri" id="mobile" name="web" value="Mobile">Mobile</label>
<button class="btn btn-primary nextBtn btn-lg pull-right btnnext" type="button" >Next</button>
</div>
你可以用另一种简单的方法来完成 只需将此脚本添加到您的页面
$('.message_pri').on('change',function(){
if($('#web').is(':checked')){
alert('web');
}else{
alert('mobile');
}
})