2009-11-24 62 views
0

網頁上有許多輸入無線電元素,每個無線電元素有幾個選項。我想要一個函數被激發,每當一個無線電元素的選項被檢查。如何使用Jquery編寫代碼?一個輸入元素如下所示:「未知僞類或僞元素」無線電「」

<div class="below"> 
<input type="radio" value="information" name="option0"/> 
information 
<input type="radio" value="communication" name="option0"/> 
communication 
<input type="radio" value="goods" name="option0"/> 
goods 
<input type="radio" value="attention" name="option0"/> 
attention 
</div> 

我寫的代碼如下:

$('input:radio').click(function() { 
    if (this.checked) { // or $(this).attr('checked') 
    alert(this.value); // or alert($(this).val()); 
    } 
}); 

我的jQuery的版本是

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

我使用Firefox瀏覽器。在錯誤控制檯上它說「未知的僞類或僞元素'收音機'」。任何想法?怎麼了?

我以前的問題接近這個問題,但到目前爲止還沒有解決方案。所以我必須問問。希望這個問題不會因爲重複的問題而關閉。謝謝!

+0

輸入廣播代碼是使用Jquery動態創建的。 – Steven 2009-11-24 13:22:46

回答

1

也許這樣?

$('input[type=radio]').click(...); 
+2

不,它也不工作。 – Steven 2009-11-24 07:42:45

+0

Pygorex1是正確的。選擇器是$('input [type = radio'])。如果您仍然遇到麻煩,我會建議您查看您使用的選擇器。 – 2009-12-01 21:55:55

0

輸入元素通常包含在一個表單元素,是你的情況?如果是這樣,也許你需要在選擇器中包含表單元素。這裏看一個例子:http://docs.jquery.com/Selectors/radio

+0

在閱讀您的文章後,我添加了

,以便所有輸入元素都包含在表單元素中。但是,再次,它不起作用。 – Steven 2009-11-24 08:01:18

+0

但是,代碼是否工作,儘管有錯誤? – Konamiman 2009-11-24 08:18:03

+0

這部分/代碼段不起作用。在錯誤控制檯上它仍然會顯示「未知的僞類或僞元素」收音機「」。 Jquery代碼的其他部分工作正常。 – Steven 2009-11-24 08:41:11

0

我已經安裝了一個簡單的測試頁面,你的代碼,並altough我得到同樣的錯誤在控制檯,它的工作原理(每當我點擊一個單選按鈕顯示的警告消息)。我在這裏發佈頁面代碼以防止發現你錯過的東西:

<html> 
<header> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$('input:radio').click(function() { 
    if (this.checked) { // or $(this).attr('checked') 
    alert(this.value); // or alert($(this).val()); 
    } 
}); 
}); 
</script> 
</header> 
<body> 
<div class="below"> 
<input type="radio" value="information" name="option0"/> 
information 
<input type="radio" value="communication" name="option0"/> 
communication 
<input type="radio" value="goods" name="option0"/> 
goods 
<input type="radio" value="attention" name="option0"/> 
attention 
</div> 
</body> 
</html> 
+0

輸入廣播代碼是使用Jquery動態創建的。 – Steven 2009-11-24 13:23:54