`
javahacker2
  • 浏览: 41332 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery获取及设置单选框、多选框、文本框

阅读更多
jQuery获取及设置单选框、多选框、文本框
获取一组radio被选中项的值  findKind 为单选框的值
var item = $("input[name='findKind']:checked").val();
var item = $("input[name='findKind']").val();
隐藏单选框
$("input[name='findKind']").hide();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$("#select_id")[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$("input[@name=items]").get(1).checked = true;

获取值:

文本框,文本区域:$("#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]").attr("checked","2");//设置value=2的项目为当前选中项 (错


$("input[@name=radio_s][@value=16]").attr("checked",true);(测试通过)



下拉框select:

$("#sel").attr("value","-sel3");//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

$("#select1")[0].options(index).selected = true; //使第index个option选中
$("#select1")[0].options(3).text //取索引为3的option值

分享到:
评论

相关推荐

    jquery对单选框,多选框,文本框等常见操作小结

    本篇文章主要是对jquery对单选框,多选框,文本框等常见操作进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    js和jquery分别验证单选框、复选框、下拉框

    本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...

    巧用jQuery选择器提高写表单效率的方法

    表单中存在最多的无非就是文本、文本框、单选框、多选框。而一些表单中会有几十个甚至几百个选项。我们的目标就是以最高的效率来完成这些表单的数据获取和数据提交。 注意:如果元素ID和服务器上获取的json字段

    TsForm:jQuery表单验证插件

    表单验证控件 支持文本框,密码框,下拉框,单选框,多选框,文本域以及对象等等的验证,包括必填,对比,正则等等验证 使用方法: 进行验证: $("#form").TsForm(); 清空表单: $("#form").TsFormReset(); 属性: minlength:...

    jQuery完全实例.rar

    context (Element, jQuery) : (可选) 作为待查找的 DOM 元素集、文档或 jQuery 对象。 示例 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: <p>one</p> <div><p>two</p></div> <p>three...

    WordPress联系表单插件Contact Form 7

    可结合Akismet过滤垃圾邮件,同时也支持CAPTCHA反垃圾邮件,表单域元素支持各种最常见的:单选框,复选框,文本框,下拉菜单等. Contact Form 7插件安装: 1.下载Contact Form 7插件,将压缩包解压后,把文件夹...

    零基础学HTML CSS源代码

    复选框.htm 表单复选框的用法。 密码框.htm 表单密码框的用法。 文本框.htm 表单文本框的用法。 文本域.htm 表单文本域用法。 下拉表.htm 表单下拉表的用法。 表单实例手把手....

Global site tag (gtag.js) - Google Analytics