0

单击单选按钮时没有任何反应，为什么？

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

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

4

2 回答 2

5

如果您的<script>标签具有src属性，则其内容将被忽略，因此您的代码根本不会实际运行。

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

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

于 2013-07-18T22:26:48.510 回答
0

创建 onchange 处理程序的 javascript 代码应如下所示。试试看。

...
$("#Search_By input[name='check1']").change(
  function()
  {
    alert('yo');
});
...
于 2013-07-18T22:24:27.023 回答