無線電輸入更改jQuery事件不發射

Question

我嘗試了幾種不同的方法，其中沒有一個似乎工作。

這裏是我的輸入項目HTML：

<li><input class="main-page-radio" type="radio" name="mainpage" value="22" checked/> <b>Home</b></li> 
<li><input class="main-page-radio" type="radio" name="mainpage" value="11" /> <b>About</b></li> 
<li><input class="main-page-radio" type="radio" name="mainpage" value="12" /> <b>Rentals</b></li> 
<li><input class="main-page-radio" type="radio" name="mainpage" value="13" /> <b>Contact</b></li> 
<li><input class="main-page-radio" type="radio" name="mainpage" value="5" /> <b>Apply</b></li> 

我曾經嘗試都在jQuery的下列方法來獲取事件觸發，但也產生了警報：

$(document).ready(function(){ 
    $('input[name=mainpage]').change(function(){ 
     alert('test'); 
    }); 
}); 

$(document).on('change', 'input[name="mainpage"]', function(){ 
    alert('test'); 
}); 

我已經嘗試使用輸入名稱和類，都沒有成功。控制檯中沒有報告JS錯誤。

Answer 1

我有一個工作代碼..

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

工作fiddle，但似乎在代碼中沒有錯誤了。 請務必包括「jquery.js和」

Answer 2

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<ul> 
<li style="list-style:none; display:inline-block; margin-right:40px;"><input class="main-page-radio" type="radio" name="mainpage" value="22" checked/> <b>Home</b></li> 
<li style="list-style:none; display:inline-block; margin-right:40px;"><input class="main-page-radio" type="radio" name="mainpage" value="11" /> <b>About</b></li> 
<li style="list-style:none; display:inline-block; margin-right:40px;"><input class="main-page-radio" type="radio" name="mainpage" value="12" /> <b>Rentals</b></li> 
<li style="list-style:none; display:inline-block; margin-right:40px;"><input class="main-page-radio" type="radio" name="mainpage" value="13" /> <b>Contact</b></li> 
<li style="list-style:none; display:inline-block; margin-right:40px;"><input class="main-page-radio" type="radio" name="mainpage" value="5" /> <b>Apply</b></li> 
    </ul> 

$(document).ready(function(){ 
    $('input[name=mainpage]').change(function(){ 
     alert('test'); 
    }); 
}); 

demo