jQuery及原生js对selected，checked等表单项的操作

 

• select

获取选择的文字

 

$("select option[selected]").text();
$("select")[0].selectedOptions[0].innerHTML;//或者innerText

获取选择项的value

 

$("select option[selected]").val();
$("select")[0]. selectedOptions[0].value;

更改selected项(更改prop或者selected的selectedIndex属性)

 

$("select option[value='1']").prop("selected",true);
$("select")[0].options[2].selected=true;

• checkbox

更改selected项(更改prop或者selected的selectedIndex属性)

 

$("checkbox").prop("checked",true);
$("checkbox")[0].checked=true;

获取全部选中的checkbox

 

$("input:checkbox[checked]");

获取全部未选中的checkbox

 

$("input:checkbox").not("input:checked");