得到遏制單選按鈕，使用jQuery

Question

我有一個性別單選按鈕和下拉的課程，

選擇下拉顯示值我有jQuery的動態值。

如何獲取Gender和Courses中的選定選項。

這裏是我的Fiddle Demo

我提供我的代碼在這裏太：

HTML：

Male <input type="radio" name="gender" id="male" value="1"> - 

Female <input type="radio" name="gender" id="female" value="2"> 

<br> 

<select name="courses" id="courses"> 
    <option value="0">Choose Courses</option> 
    <option value="1">PHP</option> 
    <option value="2">Jquery</option> 
    <option value="3">HTML</option> 
</select> 

JS：

$(function() { 
    //these are the values I got, these values are dynamic 
    var gender = 2; 
    var course = 3; 

} 

Answer 1

試試這個：

HTML：

Male <input type="radio" name="gender" id="male" value="1" class="gender"/>   
Female <input type="radio" name="gender" id="female" value="2" class="gender"/> 

腳本： SET：

var gender = 2; 
var course = 3;  
$(".gender").val(gender).prop('checked', true); 
//$(".gender").val(gender).attr('checked', true); 
$("#courses").val(course); 

GET：

$(".gender:checked").val(); 
$("#courses").val(); 

Change事件：

$(".gender,#courses").change(function(){ 
    alert($(this).val()); 
}); 

演示：
Select radio using class。

Select radio by name。

With change event。

Using attr instead of prop。

Answer 2

GET

$("input[type='radio']").val();// get radio box value 
$("#courses").val();// get dropdown with id "courses value 

SET

$("input[type='radio'][value=2]").attr("checked","checked");// set radio box value with checked propety 
$("#courses").val(3);// set dropdown with id "courses value 

當您通過

$("input[type='radio'],#courses").change(function(){ 
    alert($(this).val()); 
}); 

查閱UPDATED DEMO

更改值還可以得到價值

Answer 3

var gender = 2; 
var course = 3; 

$('input:radio').eq(gender-1).prop('checked', true); 

$('select').val(course); 

Answer 4

var gender = 2; 
var course = 3; 

$('input:radio[name="gender"]').filter('[value="' + gender + '"]').attr('checked', true); 
$("#courses").val(course);