如何检查收音机是否在 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');
        }
    })

在这里查看:-https://jsfiddle.net/Bibhudatta_sahoo/5cy19n1w/