jquery腳本不訪問我的單選按鈕

我有下面的單選按鈕下拉按鈕，我想要一個jQuery腳本來做一些事情取決於哪個單選按鈕被按下，但事件從未觸發。這裏是我的代碼：jquery腳本不訪問我的單選按鈕

$(document).ready(function() { 
 
    $(function() { 
 
     $('input:radio[name="field"]').change(function() { 
 
      alert("pipa"); 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="row"> 
 
     <div class="col-lg-12"> 
 
      <div class="button-group"> 
 
       <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">Select learning outcome field</span> <span class="caret"></span></button> 
 
       <ul class="dropdown-menu"> 
 
        <li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="radio" name="field" value="al" checked /> Algorithms and Complexity (AL)</a></li> 
 
        <li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="radio" name="field" value="gv" /> Graphics and Visualization (GV) </a></li> 
 
        <li><a href="#" class="small" data-value="option3" tabIndex="-1"><input type="radio" name="field" value="hci" /> Human-Computer Interaction (HCI)</a></li> 
 
        <li><a href="#" class="small" data-value="option4" tabIndex="-1"><input type="radio" name="field" value="is" /> Intelligent Systems (IS)</a></li> 
 
        <li><a href="#" class="small" data-value="option5" tabIndex="-1"><input type="radio" name="field" value="nc" /> Networking and Communication (NC)</a></li> 
 
        <li><a href="#" class="small" data-value="option6" tabIndex="-1"><input type="radio" name="field" value="os" /> Operating Systems (OS)</a></li> 
 
       </ul> 
 
      </div> 
 
     </div> 
 
    </div>

來源

2017-02-11 Giannis Savvidis

不要把你的收音機放在鏈接中，它們都是交互式元素，它們在ifr嵌套在一起時表現不正常。 – zer00ne

您的代碼爲我工作，只是沒有你預期的，我認爲......

現在，你的代碼是隻架設了扳機當單選按鈕被點擊時（用你的代碼適用於我）。如果您單擊鏈接文本，函數將不會觸發，因爲偵聽器已連接到輸入而不是列表項。

請確保您的腳本鏈接或嵌入在您的html文檔中，您希望具有jQuery代碼效果。我沒有在你的例子中看到任何內聯腳本或外部腳本（jQuery庫除外）。

來源

2017-02-11 23:22:52 Eric

jquery腳本不訪問我的單選按鈕

回答

相關問題