javascript - 使用 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"/> 

脚本： 设置：

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

演示：
使用 class 选择收音机。

按名称选择电台。

随着变化事件。

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