2013-07-18 35 views
0

单击单选按钮时没有任何反应,为什么?单击单选按钮不会使用jquery发出警报

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

在点击单选按钮,什么都不会发生......

回答

0

的JavaScript代码来创建onChange处理应该如下。试试看。

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

这是如何回答这个问题的? –

+0

他的问题是,为什么它不工作..这个问题在这里 '$( “输入[名称= 'CHECK1']”,$( '#Search_By'))。变化(' 所以固定它 –

+0

OK,请。不只是倾倒代码作为一个答案解释问题/问题 –

5

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

+0

仍然没有警报!! – TommyT

+1

@gusc:?你有一个'jquery.js'文件实际上你的浏览器加载它?你的JS控制台说什么? – Blender

+0

我这样做 TommyT