JQuery的表单操作

news/2025/2/24 7:19:30
获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select:  $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio:    $("input[@type='radio'][value='2']").attr("checked",true);//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("11112222").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
获得值
1.select[name='country'] option:selected 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。 ( 1.2版本后不用@了)
2,单选框:
$("input[@type=radio][@checked]").val(); //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
alert($(this).val());
});
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

http://www.niftyadmin.cn/n/1733067.html

相关文章

ffmpge海康视频文件格式转换

陈拓 2021/08/29-2020/08/29 1. 概述 在《海康威视SDK控制台程序consoleDemo将实时码流保存为视频文件》 https://zhuanlan.zhihu.com/p/404661836 https://blog.csdn.net/chentuo2000/article/details/119976612 一文中文件我们将码流数据保存为视频文件。 视频文件是海…

几行代码轻松解决滚动条样式问题,堪称神器

相信很多同仁都曾为各种浏览器的滚动条样式困惑过,而且不同的浏览器默认的滚动条样式还不一致。网上也有很多说法修改滚动条样式,但是大多数都是滥竽充数。今天我只说干货,纯干货,干货来自于我的一位同事的推荐,在此&a…

FFmpeg常用命令参数

FFmpeg常用命令参数 陈拓 2021/08/31-2020/09/01 1. 视频文件转gif图像 命令格式: ffmpeg -ss 5 -t 10 -i input.mp4 -y -s 640x480 -f gif -r 1 output.gif 参数说明: -ss 开始截图时间(秒) 截图开始时间越接近篇尾&#…

Stage模型HarmonyOS服务卡片开发定时和定点刷新实现

一、定时刷新 表示在一定时间间隔内调用onUpdateForm的生命周期回调函数自动刷新卡片内容。可以在form_config.json配置文件的updateDuration字段中进行设置。例如,可以将刷新时间设置为每小时一次。注意:updateDuration(定时刷新&#xff09…

Linux C++ stack smashing detected错误

陈拓 2021/09/12-2020/09/12 调试程序遇到一个错误:stack smashing detected 原因是数组开小了,出现了数组越界。 原数组定义: char destfile[64] {0}; 改成 char destfile[256] {0}; 问题解决。

Oracle DB Link创建方法

http://www.cnblogs.com/lauer0246/archive/2009/10/20/1586859.html已知:数据库1:TEST1;数据库2:TEST2 要求:在数据库1上创建到数据库2的DB Link方案一: 1、在数据库1所在电脑,创建到数据库2的…

假设高度已知,左右宽度固定,实现三栏布局的5种方法

俗话说好记性不如烂笔头,写代码也是一样的道理,看过的东西如果不写一遍真的在脑子里呆不了多久。所以工作这么久慢慢把以前记录过的知识搬上来,一是为了分享,二是更好的总结!好了话不多说,进入正题。 第一…

myeclipse连接oracle出现ora-12705错误的解决办法

http://blog.csdn.net/yanyiwei2003/archive/2007/10/28/1851684.aspx 我用的myeclipse 6.0版本,oracle是10g版本,在连接的时候出现了以下问题 java.sql.SQLException: ORA-00604: error occurred at recursive SQL level 1 ORA-12705: Cannot access NL…