使用Jquery獲取選中的單選按鈕和選定的下拉值

Question

我有性別的電台按鈕和課程的下拉，

我在Jquery中有動態值。

如何在性別和課程中獲得所選選項。

這是我的小提琴演示

我也在這里提供我的代碼：

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

得到

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

組

$("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());
});

看到更新的演示

Answer 2

試試這個：

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

得到：

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

變更事件：

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

演示：
使用類選擇無線電 。

按名稱選擇無線電 。

隨着變化事件 。

使用attr而不是prop 。

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