当前位置:首页 >  站长 >  编程技术 >  正文

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

 2020-10-29 09:39  来源: 冯奎博客   我来投稿   瓜霸霸的个人主页 撤稿纠错

  项目招商找A5 快速获取精准代理名单

在我们编写程序的时候,经常会对元素选中,或是获取选中的值,

在这篇文章中,我们介绍使用 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");

文章转自冯奎博客,原文链接:https://fengkui.net/article/141

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

作者: 瓜霸霸    /    文章:4200篇

相关标签
jquery教程

相关文章

热门排行

信息推荐

扫一扫关注最新创业资讯