javascript - JQuery 更改功能在 safari 浏览器中不起作用

标签 javascript jquery google-chrome safari

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

<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 中则不行。任何想法?

最佳答案

您的代码中有很多拼写错误,如下:

$("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'/>

关于javascript - JQuery 更改功能在 safari 浏览器中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45764703/

相关文章:

bash - 无法在 openstack 上找到包 google-chrome-stable ubuntu12

java - Applet 在 Google Chrome 上挂起

css - 奇怪的谷歌浏览器图像错误

javascript - 刷新时更改背景颜色和文本颜色

javascript - 如何使用函数更改 Vue 组件按钮颜色?

javascript - 谷歌地图不起作用,位置数组?

PHP 计数 div 改变 CSS

javascript - 无法获取 'this' 变量的 ID

javascript - Gridstack.js 从 JSON 获取位置

javascript - 如何使用 jQuery 检查另一个元素/标签内是否没有元素/标签