javascript - 使用 jquery 单击单选按钮不会发出警报

标签 javascript jquery html radio-button

单击单选按钮后没有任何反应,为什么?

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
        <script type="text/javascript" src="jquery.js">          
            $("input[name='check1']",$('#Search_By')).change(function()
            {
                alert('yo');
            });
        </script>
    </head>
    <body class="well">
        <form action="/abc/readservlet" method="post">
            <div class="well" id="Search_By">
                <h3><b/>Search BY</h3>
                <input type="Radio" name="check1" value="Search BY Key"> Key<br/><br/>
                <input type="Radio" name="check1" value="Search By Tablename"> Tab_name         
                <br/>
            </div>

单击单选按钮时没有任何反应...

最佳答案

如果您的<script>标签有 src属性,its contents will be ignored ,因此您的代码根本不会实际运行。

您需要将代码放入单独的脚本标记中,并在文档准备好时运行代码:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#Search_By input[name='check1']")).change(function() {
            alert('yo');
        });
    });
</script>

或者将这两个脚本标记放在 <body> 的最底部标签。

关于javascript - 使用 jquery 单击单选按钮不会发出警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17734993/

相关文章:

javascript - 当您将鼠标悬停在其中的文本上时,侧边菜单会消失

javascript - 如何在 for 循环中使用 setInterval()

css - Chrome v52 html5 视频变长了吗?

javascript - 从嵌入式网络聊天发送事件

PHP IMAP 如何只获取正文的文本部分?不是不同的 <html> 标签等

javascript - textarea 值是否为空 - 检查 jquery 是否不工作,为什么

javascript - 如何使用ajax(WordPress)添加加载更多以获取自定义查询数据?

javascript - 范围错误: Maximum call stack size exceeded (Angular)

javascript - 通过 JavaScript 捕获和更改默认的 alert() 行为

jquery - 将两个单独的列居中