博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《jQuery判断radio、checkbox、select 是否选中和设置选中问题以及获取选中值》总结...
阅读量:4934 次
发布时间:2019-06-11

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

 
数学
英语
语文

 

1. 判断radio是否被选中:

//可以通过判断radio被选中的个数长度是否为0var len = $('input[name="gender"]:checked').length;if(len){    console.log('radio没有选择,请选择一个!');}//判断某个radio是否被选中if($('#man:checked').length){    console.log('你选择了男的radio');}//或者if($('#man').is(':checked')){    console.log('你选择了男的radio');}

 

2. 设置radio选中:

//javascript方法:document.getElementById("man").checked = true;//jQuery的prop方法$('#man').prop('checked', true);//取消选中$('#man').prop('checked', false);//不建议使用以下方法$('#man').attr('checked', true);

 

3. 获取radio被选中的值

$('input[name="gender"]:checked').val();//或者$('input[name="gender"][checked]').val();

 

4. 判断checkbox是否被选中:

//判断某个checkbox是否被选中,跟radio方法一样if($('#math:checked').length){    console.log('你选择了数学');}//或者if($('input[name="math"]:checked').length){    console.log('你选择了数学');}//或者if($('#math').is(':checked')){    console.log('你选择了数学');}//还有一种方法是使用javascriptif(document.getElementById("math").checked == true){  console.log('你选择了数学');}//注意:网上流传的如下这种判断方法是不恰当的,与jQuery版本有关if($('#math').attr('checked') == true)if($('#math').attr('checked') == undefined)if($('#math').attr('checked') == 'checked')

 

5. 设置checkbox选中:

/***跟radio的方法一样***///javascript方法:document.getElementById("math").checked = true;//jQuery的prop方法$('#math').prop('checked', true);//取消选中$('#math').prop('checked', false);//不建议使用以下方法$('#math').attr('checked', true);

 

6. select的取值、选中

//获取当前选中项的值$("#province").val();//获取当前选中项的text$("#province").find("option:selected").text();//设置value值为guangdong的项选中$("#province").val('guangdong');//设置text为广东的项选中$(".selector").find("option[text='广东']").attr("selected",true);

 

转载于:https://www.cnblogs.com/boliang/p/5554593.html

你可能感兴趣的文章
二叉树
查看>>
CRF 条件随机场工具包
查看>>
线性回归
查看>>
卡特兰数【转】
查看>>
D3DXVec3TransformCoord 函数 D3DXVec3TransformNormal 函数
查看>>
MyBatis的高级映射之多对一
查看>>
WSTMart开发文档
查看>>
week01-绪论
查看>>
cookie方法封装
查看>>
日期转换_中文To数字
查看>>
企业——MYSQL的读写分离
查看>>
使用VMware通过vmdk文件创建XP虚拟机
查看>>
Mac系统主机名变为bogon的问题解决方案
查看>>
PJzhang:微信公众号短连接与微信好友验证
查看>>
oracle ITL(事务槽)的理解
查看>>
SSH三大框架的工作原理及流程
查看>>
python_day8 网络编程 socket
查看>>
jvm的垃圾回收算法
查看>>
自定义TableViewCell 的方式实现自定义TableView(带源码)
查看>>
Asp.net关闭弹出窗口刷新父窗口
查看>>