Jquery操作radio、checkbox、selelct选中及获取选中值

　 短视频，自媒体，达人种草一站处事

在我们编写措施的时辰，常常会对元素选中，或是获取选中的值，

在这篇文章中，我们先容行使 Jquery 操纵radio、checkbox、select选中及获取选中值，

获取选中的值时，我们行使 val() 来获取，

元素的选中 我们行使 attr 或 poro 来举办属性操纵，

下面就是详细行使示例：

一、Radio 单选框

1、获取选中的值

$("input[name='name名称']:checked").val();

2、操纵选中行使(attr 或 poro)

$("input[name='sex']").attr("checked", true); // 选中

$("input[name='sex']").attr("checked", false); // 打消选中

3、判定是否选中

// 选中为true，没选中为false

$("input[type='radio']:eq(1)").prop("checked");

$("input[type='radio']:eq(1)").is(":checked");

二、Checkbox 复选框

1、获取选中的值

$("input[type='checkbox']:checked").each(function(){

console.log($(this).val());

})

2、操纵选中行使(attr 或 poro)

$("input[type='checkbox']:eq(1)").attr("checked", true); // 选中

$("input[type='checkbox']:eq(1)").attr("checked", false); // 打消选中

3、判定是否选中

// 选中为true，没选中为false

$("input[type='checkbox']:eq(1)").prop("checked");

$("input[type='checkbox']:eq(1)").is(":checked");

三、Select 下拉框

1、获取选中的值

$("select option:selected").text()

$("select").find('option:selected').text()

$("select").val();

2、操纵选中行使(attr 或 poro)

$("select option:eq(1)").attr("selected", true); // 选中

$("select option:eq(1)").attr("selected", false); // 打消选中

3、判定是否选中

// 选中为true，没选中为false

$("select option:eq(1)").is(":selected");

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!