博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery基本获取值的方式
阅读量:4651 次
发布时间:2019-06-09

本文共 1659 字,大约阅读时间需要 5 分钟。

1、获取选中单选按钮的值

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

2、获取下拉框当前选中的文本

$("#selectgame").find("option:selected").text()

3、获取Select选择的Value

var checkValue=$("#select_id").val();
也可: var checkValue= ("#SiteManageID option:selected").val();

4、 获取Select选择的索引值

var checkIndex=$("#select_id ").get(0).selectedIndex;

5、获取Select最大的索引值

var maxIndex=$("#select_id option:last").attr("index");

6、为Select追加一个Option(下拉项)

$("#select_id").append("<option value='Value'>Text</option>");

7、为Select插入一个Option(第一个位置)

$("#select_id").prepend("<option value='0'>请选择</option>");

8、 删除Select中索引值最大Option(最后一个)

$("#select_id option:last").remove();

9、删除Select中索引值为0的Option(第一个)

$("#select_id option[index='0']").remove();

10、删除Select中Value='3'的Option

$("#select_id option[value='3']").remove();

11、删除Select中Text='4'的Option

$("#select_id option[text='4']").remove();

12、清空

$("#charCity").empty();

13、判断一个单选(复选)框是否选中

<input id="checkbox1" type="checkbox" checked>
<input id="checkbox2" type="checkbox>
$("#checkbox1").is(":checked") // true
$("#checkbox2").is(":checked") // false

14、选取页面上所有name=song 选中的复选框

var obj = $(':checkbox[name="song"][checked=checked]');

15、下拉框不可用

按钮不可见
$("#saveAuthority").css("display", "none");

复选框不可用

$("input[type='checkbox']").attr("disabled", "disabled");或 $("input[type='checkbox']").attr("disabled", true);
复选框可用:
$("input[type='checkbox']").attr("disabled", false);

16、下拉框某个option不可用

17、根据数据库的值自动选中下拉框中对应的数据

$("#state").find("option[value="+state+"]").attr("selected","true");

 

18、弹出下拉框选中值的value

 

转载于:https://www.cnblogs.com/xiaoweigogo/p/7808480.html

你可能感兴趣的文章
[C#] 谈谈异步编程async await
查看>>
【转】测试人员职业规划
查看>>
思科交换机的初始配置(使用telnet登录)
查看>>
vim
查看>>
【学习笔记】APP测试基本流程及测试要点
查看>>
区间DP——入门
查看>>
SAS中修改一个表为编辑模式的时候不成功并给出警告的原因及解决办法
查看>>
python数据结构-如何统计序列中元素的频度
查看>>
展开收起js
查看>>
tpcc
查看>>
[ActionScript 3.0] AS3中的位图(BitmapData)应用
查看>>
datagrid在MVC中的运用02-结合搜索
查看>>
我们的目标是安全有效支持业务的信息处理技术平台
查看>>
编程学习方法
查看>>
静态链接库与动态链接库
查看>>
bzoj1180: [CROATIAN2009]OTOCI
查看>>
倒计时问题java
查看>>
某猿的饭局
查看>>
操作集合的工具类Collections
查看>>
一次ajax请求返回状态为Cancled的记录
查看>>