jquery获取和设置radio,check,select选项

秒速五厘米 2021-09-12 05:26 403阅读 0赞

**select控件选项**

1,获取select选中的value值

$("\#selectID").val();

2,获取select选中的text的值

$("\#selectID").find("option:selected").text()

3,设置select的第几项为当前选中项

$("\#selectID").attr("value",2);//设置第二项为当前选中项

4，添加option

$("selectID").append("<option value='5'>select5</option>");

5,删除一项option

$("\#SelectID option\[value='3'\]").remove();  //删除Select中Value='3'的Option

6.,获取Select选择的索引值

var checkIndex=$("\#selectID ").get(0).selectedIndex;  //获取Select选择的索引值

7,删除所有项

$("\#SelectID").remove();

**checkbox控件的使用**

1,获取checkbox的value

$("\#checkboxID").value或$("input\[type='checkbox'\]").eq(n).attr("checked").value

2,设置选中项

$("input\[type='checkbox'\]").eq(1).attr("checked")//设置第一个checkbox为选中的项

3,删除所有checkbox

$("input\[type='checkbox'\]").remove()

4,checkbox方法

$(document).ready(function() \{  
        var check = $("input\[type='checkbox'\]");  
        check.each(function(n) \{  
        check.eq(n).bind("click", function() \{  
            
                if (check.eq(n).attr("checked") != false) \{  
                    var value = check.eq(n).val();  
                    alert(value);  
                \}  
                else \{  
                    alert(check.eq(n).attr("checked"));  
                \}  
            \})  
        \});  
    \});

**radio控件**

1,获取选中的value值

$("input\[type='radio'\]:checked").val();

2,设置指定的项为当前选中项

$("input\[type='radio'\]").eq(1).attr("checked",true);//设置第二项为选中项

发表评论取消回复

表情：

评论列表（有 0 条评论，403人围观）

还没有评论，来说两句吧...

相关阅读

相关 [jQuery-3] 获取和设置标签元素

六、获取和设置元素内容 1. html方法的使用 jquery中的html方法可以获取和设置标签的html内容示例代码: <script>

你的名字/ 2022年11月26日 06:52/ 0 赞/ 169 阅读

相关 jQuery设置和获取span的内容（详解）

先看个示例，示例代码如下： \[html\] view plain copy print ? 1. <html> 2. <head> 3.

今天药忘吃喽~/ 2022年06月05日 07:15/ 0 赞/ 721 阅读

相关 Jquery设置按钮的样式和获取值

<div class="col-sm-6" id="nav">

女爷i/ 2022年05月27日 10:27/ 0 赞/ 181 阅读

相关 jQuery 选项卡

选项卡是非常常见而实用的效果，本篇文章示例一个简单的选项卡效果，在以往的代码中都是选择jQuery对象级别插件扩展，本次将改为类级别插件扩展的方式。上效果图： ![70]

左手的ㄟ右手/ 2022年05月11日 14:34/ 0 赞/ 227 阅读

相关 select下拉框 JS原生 / jQuery 获取选中值、设置当前选项等

![在这里插入图片描述][70] JS原生版： <!DOCTYPE html> <html lang="en"> <head>

桃扇骨/ 2022年05月10日 14:10/ 0 赞/ 248 阅读

相关 jquery选项卡

功能介绍： 1.鼠标划过当前按钮，当前按钮变色 2.对应图片展示 3.鼠标划过其他按钮，对应图片出现，其他按钮变回原色，其他图片隐藏所有代码：

叁歲伎倆/ 2022年03月16日 07:22/ 0 赞/ 383 阅读

相关 jQuery选项卡

Html的代码 <body> <div class="wrap"> <ul class="blist clearfix">

我不是女神ヾ/ 2022年02月02日 19:43/ 0 赞/ 353 阅读

相关 Jquery-选项卡

Jquery-选项卡要求：单击当前选项出现相应内容制作选项卡的原理比较简单，通过show()显示、hide()隐藏来切换不同内容步骤一：建立站点 !

た入场券/ 2021年09月16日 23:18/ 0 赞/ 427 阅读

相关 JQuery获取设置内容及属性

JQuery捕获内容和属性 ①获取文本内容——text()、html()、val() text()：设置或返回所选元素的文本内容 html()：设置或返回所选元素的内容（

野性酷女/ 2021年09月14日 02:44/ 0 赞/ 439 阅读

相关 jquery获取和设置radio,check,select选项

select控件选项 1,获取select选中的value值 $("\selectID").val(); 2,获取select选中的text的值 $("\select

秒速五厘米/ 2021年09月12日 05:26/ 0 赞/ 404 阅读