使用Jquery获取选中的单选按钮和选定的下拉值

Question

我有性别的电台按钮和课程下拉，

我在Jquery中有动态值。

如何在性别和课程中获得所选选项。

这是我的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

获取

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

参见 UPDATED DEMO

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"/> 

脚本： 设置：

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

演示：
的 Select radio using class

<强> Select radio by name

<强> With change event

<强> Using attr instead of 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);