JQuery基本获取值的方式

本文详细介绍了如何使用JavaScript操作HTML中的单选按钮、下拉框、Select元素,包括获取值、设置状态、动态添加/删除选项等。此外,还涉及了复选框状态判断、下拉框禁用/启用、根据数据库值选中选项及弹出值的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值