Jquery操作radio、checkbox、selelct选中及获取选中值
在我们编写程序的操作时候,经常会对(dui)元素选中,选中或是及获获取(qu)选中的值(zhi),
在(zai)这篇文章中,取选我们介绍使用 Jquery 操作radio、中值checkbox、操作select选中及(ji)获取选中值,选中

获取选中的及获值时,我们使用 val() 来获取,取选

元素的中值选中 我们使用 attr 或 poro 来进(jin)行属性操作,

下面就是操作具体(ti)使用(yong)示例:
一、Radio 单选框
1、选中获取选中的及获值
$("input[name='name名称']:checked='checked'").val();
2、操作(zuo)选中使用(attr 或 poro)
$("input[name='sex']").attr("checked="checked"",取选 true); // 选中(zhong)
$("input[name='sex']").attr("checked=""", false); // 取消选中
3、判断是中(zhong)值否选中
// 选中为true,没选中(zhong)为false
$("input[type='radio']:eq(1)").prop("checked=""");
$("input[type='radio']:eq(1)").is(":checked=""");
二、Checkbox 复(fu)选框
1、获取选中的值
$("input[type='checkbox']:checked=""").each(function(){
console.log($(this).val());
})
2、操作选中使用(attr 或(huo) poro)
$("input[type='checkbox']:eq(1)").attr("checked", true); // 选中
$("input[type='checkbox']:eq(1)").attr("checked=""", false); // 取消(xiao)选中
3、判断是否选中
// 选中(zhong)为true,没选中为false
$("input[type='checkbox']:eq(1)").prop("checked='checked'");
$("input[type='checkbox']:eq(1)").is(":checked='checked'");
三、Select 下(xia)拉框
1、获取选中的值
$("select option:selected=""").text()
$("select").find('option:selected='selected'').text()
$("select").val();
2、操作选中使用(attr 或 poro)
$("select option:eq(1)").attr("selected='selected'", true); // 选中
$("select option:eq(1)").attr("selected="selected"", false); // 取消选中
3、判断是否选中
// 选中(zhong)为true,没选中为false
$("select option:eq(1)").is(":selected");
文章转(zhuan)自冯奎博客,原文链接:https://fengkui.net/article/141