操作radio

// html 部分
<input type="radio" name="gender" value="male" checked>男
<input type="radio" name="gender" value="female">女
// jQuery獲取選中的值
var checkedGender = $("input[name='gender']:checked").val();
// jQuery根據值進行勾選
$("input[name='gender'][value='female']").prop("checked", true);
// jQuery判斷對應值是否選中
$("input[name='gender'][value='female']").prop("checked");

操作checkbox

// html 部分
<input type="checkbox" name="color" value="blue" checked>藍色
<input type="checkbox" name="color" value="green">綠色
<input type="checkbox" name="color" value="red">紅色
//  jQuery獲取選中的值
$("input[name='color']:checked")each(function(){
    $(this).val()
})
// jQuery根據值進行勾選
$("input[name='color'][value='red']").prop("checked", true);
// jQuery判斷對應值是否選中
$("input[name='color'][value='red']").prop("checked");

操作select

// html 部分
<select name="fruit">
    <option value="">-請選擇-</option>
    <option value="apple">蘋果</option>
    <option value="pear">梨子</option>
    <option value="peach">桃子</option>
</select>
//  jQuery獲取選中的【值 | 文本 | 序號】
var code = $("select[name=fruit]").val();
var text = $("select[name=fruit]>option:selected").text();
var index = $("select[name=fruit]>option:selected").index();
// jQuery根據【值 | 文本 | 序號】進行勾選
$("select[name=fruit]").val('pear');
$("select[name=fruit]>option:contains('桃子')").prop("selected",true)
$("select[name=fruit]>option:eq(1)").prop("selected",true)
// jQuery判斷對應【值 | 文本 | 序號】是否選中
$("select[name=fruit]>option[value='apple']").prop("selected")
$("select[name=fruit]>option:contains('蘋果')").prop("selected")
$("select[name=fruit]>option:eq(1)").prop("selected")