2013-07-18 56 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