JQuery更改功能在Safari浏览器中不起作用

Question

我有一个单选按钮和复选框

<input type='radio' name='testradiochange' id='testradiochange'> Testing Radio Change</input>

<input type='checkbox' name='acknowledge' id='acknowledge' value='acknowledge'></input>

我希望在选择这些按钮时收到通知

$("input[name=testradiochange]:radio").change(function () {
    alert('radio selected');    
}

$("input[name=acknowledge]:checkbox").change(function () {
    alert('checkbox selected');
 }

以上内容在 Chrome 和 Firefox 中运行良好，但在 Safari 中则不行。任何想法？

Answer 1

你的代码中有很多错别字，这里是：

$("input[name=testradiochange]:radio").change(function () {
    alert('radio selected');    
}); // <= it was just }, i added ); to close the function's (

$("input[name=acknowledge]:checkbox").change(function () {
    if ($(this).is(':checked')) { // if check
    	alert('checkbox selected');    
    } else {                      // if uncheck
    	alert('checkbox unselected');
    }
 }); // <= it was just }, i added ); to close the function's (

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label><input type='radio' name='testradiochange' id='testradiochange'/>Testing Radio Change</label>
<!-- inputs don't have closing tags, they are self-closing, if you want to display text next to them, use a label -->
<input type='checkbox' name='acknowledge' id='acknowledge' value='acknowledge'/>