2016-11-05 41 views
-4

我打算寫一段代碼來選擇單選按鈕中的一個選項。我使用了以下用於選擇下拉列表的代碼。我修改並使用它,但它不工作。你能指出我的錯誤嗎?如何使用JQUERY選擇單選按鈕

$("div.classradio radio").val("Male"); 

這是我使用的代碼,但它不起作用。

+1

你會怎麼做「的HTML」設置輸入元素的屬性?記住(或者去找出),你也會知道你的腳本應該怎麼做。 – CBroe

回答

0

爲什麼你想用jQuery做到這一點?這是非常簡單的HTML:

<form> 
 
    <input type="radio" name="gender" value="male" checked> Male<br> 
 
    <input type="radio" name="gender" value="female"> Female<br> 
 
    <input type="radio" name="gender" value="other"> Other 
 
</form>

使用jQuery你可以做這樣的:

$('input:radio[name=gender]')[1].checked = true;

數量在括號內表示單選按鈕。注意:jQuery的從0開始

+0

單選按鈕的值將來自數據庫,因此它會改變。它可以是男性或女性,這就是爲什麼我使用Jquery。我希望你明白 – Eddier10

+0

爲什麼你不想用php做到這一點? –

+0

我知道我可以,我只是想用Jquery來試試它。我正在學習它 – Eddier10

0
$("div.classradio radio").val("Male") 

計數此代碼的意思是找到與元素標籤,它是類 「classradio」 在div

<div class="classradio"> 
    <radio></radio>  
</div> 
+0

好。非常感謝啓蒙。 – Eddier10

1

$("div.classradio radio").prop("checked", true)

的孩子的jQuery版本1.6之前使用:

$("div.classradio radio").attr('checked', 'checked');

0

請通過選擇

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://code.jquery.com/jquery-3.1.1.js"></script> 
 
    <script> 
 
     $(document).ready(function() { 
 
\t \t \t $('#FeMale').attr('checked',true); 
 
     }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div class="container-fluid"> 
 
     <input type="radio" name="Gender" value="Male" id="Male"/>Male 
 
     <input type="radio" name="Gender" value="FeMale" id="FeMale"/>Female 
 
    </div> 
 
</body> 
 

 
</html>