单击单选按钮时,什么都没有发生,为什么?

<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/

10-12 15:50