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，但您的代码似乎也没有错误。确保包含＆＃34; jquery.js＆＃34;

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

无线电输入的jQuery事件更改未触发

2 个答案: