Question

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

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

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

Answer 1

如果您的<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>标记的最底部。

Answer 2

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

...
$("#Search_By input[name='check1']").change(
  function()
  {
    alert('yo');
});
...

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

2 个答案: