`
winneryj
  • 浏览: 128756 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery input type的取值

阅读更多

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取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的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框

分享到:
评论

相关推荐

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    JQuery表单元素取值赋值方法总结

    &lt;h2&gt;jQuery 表单元素取值与赋值方法总结 &lt;input type="text" class="test1"/&gt; &lt;input type="button" value="赋值" onclick="get()"/&gt; &lt;input type="text" class="test2"/&gt; [removed] ...

    jquery radio的取值_radio的选中_radio的重置方法

    input type="radio" name="sex" value="Male"&gt;Male&lt;/input&gt; &lt;input type="radio" name="sex" value="Female"&gt;Female&lt;/input&gt; &lt;input type="radio" name="sex" value="Unknown"&gt;Unknown&...

    jquery 获取表单元素里面的值示例代码

    jquery 笔记: 代码如下: $(“input[name=’radio_name’]:checked”).val() ...3 网上的东西太乱了,而且jQuery不同版本可能写法不太一样,经过搜索和做实验,下面写的是jQuery 1.3.2版本下的 jquery radio取值,check

    jQuery 取值、赋值的基本方法整理

    /*获取单选按钮的值*/ var valradio = $(“input[@type=radio][@checked]”).val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $(‘input[@name=items][@checked]’).val(); /*获取复选框的值*/ var ...

    Jquery知识点三 jquery表单对象操作

    在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...

    基于Jquery的动态添加控件并取值的实现代码

    代码如下: &lt;... &lt;head runat=”server”&gt; &lt;title&gt;Jquery动态控件&lt;/title&gt; [removed][removed] [removed] $(function() { var i = 2; $(‘#addText’).click(function() { if (i &lt; 9&gt;&lt...input type

    jQuery对表单元素的取值和赋值操作代码

    /*获取单选按钮的值*/ var valradio = $(“input[type=radio]:checked”).val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $(‘input[name=items]:checked’).val(); /*获取复选框的值*/ var check

    Jquery给基本控件的取值、赋值示例

    TEXTBOX: var str =$(“#txt”).val(); $(“#txt”).val(Value); //文本框,文本区域:... /*获取单选按钮的值*/ var valradio =$(“input[@type=radio][@checked]”).val(); /*获取一组名为(items)的radio被选中项的值

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    $("input:[type='checkbox']:checked").val(); 或者 $("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项: $('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { ...

    Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    $(“input[type=’radio’]:checked”).val(); $(“input[name=’rd’]:checked”).val(); 2.设置第一个Radio为选中值: $(‘input:radio:first’).attr(‘checked’, ‘checked’); 或者 $(‘input:radio:first’)...

    jQuery 处理表单元素的代码

    当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$(“input#myID”).val()。 下面将对每一种控件的取值方法做一一介绍: 1. input type=”text” 单行文本输入框和input type=”password” 密码...

    jquery获取easyui日期控件的值实现方法

    input type=”text” name=”mdate” size=”20″ value=”” id=”mdate” class=”easyui-datebox”/&gt;  使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中的最新值。 本来以为这是一个简单的问题...

    jquery复选框多选赋值给文本框的方法

    jquery点击复选框触发事件给input赋值&lt;/title&gt;&lt;base target=”_blank” /&gt;  &lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt;  &lt;style type=”text/css”&gt;  ...

    学习jquery之一

    input type=”text” id=”mm” value=”mm”&gt;&lt;button id=get&gt;取值&lt;/button&gt; &lt;button id=put&gt;赋值&lt;/button&gt; &lt;/div&gt; &lt;button id=an&gt;展开&lt;/button&gt;  &gt; &lt;/div&gt;&lt;br&gt; ...

    checkbox在vue中的用法小结

    前言 关于checkbox多选框是再常见不过的了,...在这之前,先看看原生checkbox搭配jquery取值的用法 &lt;input type=checkbox name=hobby value=游泳&gt;游泳 &lt;input type=checkbox name=hobby value=健身&gt;健身

    jQuery操作CheckBox的方法介绍(选中,取消,取值)

    代码如下:&lt;!... &lt;HEAD&gt; &lt;TITLE&gt; New document.nbsp;&lt;/TITLE&gt;...meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /&gt; [removed][removed] &lt;SCRI

    没有document.getElementByName方法

    input name=”content” type=”text”&gt; 然而可以用很浅显的方式得到如: var fn = document.getElementsByName(“form_write”)[0]; //得到这个form下的对象 fn.content.value;//就直接去用这个对象取值就可以了...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

Global site tag (gtag.js) - Google Analytics