jQuery设置和获取select、checkbox、radio的选中值方法

<select id="single">
  <option>选择1号</option>
  <option>选择2号</option>
  <option>选择3号</option>
</select>
$("#btn1").click(function() {
  //【方法1】
  $("#single").val("选择3号");
  //【方法2】
  $("#single").val(["选择3号"]);
  //【方法3】
  $("#single option:eq(2)").prop("selected", true);
});

<select id="single">
  <option value="1">选择1号</option>
  <option value="2">选择2号</option>
  <option value="3">选择3号</option>
</select>
$("#btn1").click(function() {
  //【方法1】
  //通过val("选择3号")设置选中项无效
  $("#single").val("选择3号");
  //通过val("3")设置选中项有效
  $("#single").val("3");
  //【方法2】
  $("#single option:eq(2)").prop("selected", true);
});

<select id="multiple" multiple="multiple">
  <option selected="selected">选择1号</option>
  <option>选择2号</option>
  <option selected="selected">选择3号</option>
  <option>选择4号</option>
  <option>选择5号</option>
</select>
$("#btn2").click(function () {
  //【方法1】
  $("#multiple").val(["选择2号", "选择4号"]);
  //【方法2】
  $("#multiple option:eq(1)").prop("selected", true);
  $("#multiple option:eq(3)").prop("selected", true);
});

<input type="checkbox" name="hobby" value="check1" checked="checked"/>多选1
<input type="checkbox" name="hobby" value="check2"/>多选2
<input type="checkbox" name="hobby" value="check3"/>多选3
<input type="checkbox" name="hobby" value="check4"/>多选4
<input type="checkbox" name="hobby" value="check5"/>多选5
$("#btn3").click(function () {
  //【方法1】
  $("input[type=checkbox][name=hobby]").val(["check2","check4"]);
  //【方法2】
  $("input[type=checkbox][name=hobby]:eq(1)").prop("checked", true);
  $("input[type=checkbox][name=hobby]:eq(3)").prop("checked", true);
});

<input type="radio" name="sport" value="soccer"/>足球
<input type="radio" name="sport" value="volleyball"/>排球
<input type="radio" name="sport" value="baseball"/>棒球
<input type="radio" name="sport" value="badminton"/>羽毛球
<input type="radio" name="sport" value="pingpong"/>乒乓球
$("#btn4").click(function () {
  //【方法1】
  $("input[type=radio][name=sport]").val(["volleyball"]);
  //【方法2】
  $("input[type=radio][name=sport]:eq(1)").prop("checked", true);
});