Jquery操作radio,checkbox,select表单操作实现代码

针对“Jquery操作radio,checkbox,select表单操作实现代码”，以下是详细的攻略与实现示例：

操作Radio表单

获取选中项的值

// 获取name为gender的Radio表单选中项的值
var gender = $('input[name="gender"]:checked').val();

设置选中项

// 将name为gender的Radio表单选中值为"female"
$('input[name="gender"][value="female"]').prop("checked", true);

操作Checkbox表单

获取勾选项的值

// 获取name为hobby的多选框选中项的值
var hobby = [];
$('input[name="hobby"]:checked').each(function(){
    hobby.push($(this).val());
});

设置勾选项

// 将name为hobby的多选框选中值设为"swimming"和"reading"
$('input[name="hobby"][value="swimming"]').prop("checked", true);
$('input[name="hobby"][value="reading"]').prop("checked", true);

操作Select表单

获取选中项的值

// 获取id为city的select标签选中项的值
var city = $('#city').val();

设置选中项

// 将id为city的select标签选中值设为"Beijing"
$('#city').val("Beijing");

以上就是对“Jquery操作radio,checkbox,select表单操作实现代码”的完整攻略与示例说明，希望能对你有所帮助。