2017-06-08 49 views
0

我在刀片的兩個無線電,我想如果無線電1檢查顯示器的一些步驟,模式彈出
否則,如果無線電2檢查顯示在此模式事件又邁進了一步

這是我考慮到無線電:
如何檢查是否無線電刀片檢查Laravel 5

<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> 

+0

你需要檢查它在JavaScript? – kRicha

+0

你可以使用jQuery來檢查它[查找如果單選按鈕被檢查與jQuery](https://stackoverflow.com/questions/2272507/find-out-if-radio-button -is-checked-with-jquery) – rbaskam

+0

[Find out if if radio button is checked with JQuery?](https://stackoverflow.com/questions/2272507/find-out-if-radio-button-is-使用jquery進行檢查) – rbaskam

回答

0

試試這個:

$('.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>

+0

對於Bibhudatta Sahoo和Mayank Pandeyz –

0

您可以用另一個做這種簡單的方式 這個腳本只是添加到您的網頁

 $('.message_pri').on('change',function(){ 
     if($('#web').is(':checked')){ 
      alert('web'); 
     }else{ 
      alert('mobile'); 
     } 
    }) 

入住這裏: - https://jsfiddle.net/Bibhudatta_sahoo/5cy19n1w/