`
winneryj
  • 浏览: 129660 次
  • 性别: 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表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

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

    &lt;input type="button" value="取值" onclick="get()"/&gt; &lt;span id="span"&gt;&lt;/span&gt; ``` 配合 JavaScript: ```javascript function get(){ var test1 = $("input.test1").val(); $("#span").html(test1); } ``` 点击...

    jQuery价格区间滑动取值代码.zip

    【jQuery价格区间滑动取值代码】是一款基于JavaScript库jQuery实现的交互式功能,主要用于电商网站或其他需要用户选择价格范围的场景。这个功能允许用户通过拖动滑块来选取一个价格范围,为用户提供直观且友好的操作...

    jQuery Form表单取值的方法

    type: "POST", url: "/Discipline/IsAgree", data: obj, // 要提交的表单 success: function (msg) { easyuiAlert(msg); }, error: function (error) { easyuiAlert(error); } }); } ``` 在上面的`...

    jquery 旋转按钮的取值设值

    &lt;input type="range" id="mySlider" min="0" max="100" value="50"&gt; ``` 在这个例子中,`id="mySlider"`用于标识这个元素,`min`和`max`属性定义了滑块的范围,而`value`则是初始值。 接下来,我们引入jQuery库,...

    jquery moblie 复选框取值

    &lt;input type="checkbox" id="myCheckbox" name="myCheckbox" value="true"&gt; ``` 这里的`id`属性用于唯一标识复选框,`name`属性用于在表单提交时标识一组相关的复选框,`value`属性则表示当复选框被选中时的值。 ...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    这行代码利用jQuery的选择器和attr方法,找到type属性为radio的input元素,并将它的checked属性设置为'2',表示选中。 接下来,对于下拉框(select),可以使用类似的方法来设置选中的值。假设有一个id为"sel"的...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jquery动态复选框取值

    var checkbox = $('&lt;input type="checkbox" name="myCheckbox" value="option1"&gt;'); // 将复选框添加到DOM中 $('body').append(checkbox); ``` 三、获取复选框值 获取复选框的值通常有以下两种方式: 1. `prop()`...

    jQuery对html元素取值与赋值的方法

    - 取值:可以使用`$("input[@type=radio][@checked]").val();`获取被选中的单选按钮的值。 - 赋值:要设置某个特定值的单选按钮为选中状态,可以使用`$("input[@type=radio]").attr("checked",'2');`,这里将值为2...

    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 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jQuery区间滑动拖动取值代码

    滑动拖动取值组件通常由HTML元素(如`&lt;input type="range"&gt;`)、CSS样式和JavaScript事件处理组成。HTML滑块元素定义了滑块的基本结构,CSS用于定义滑块的外观,包括颜色、大小和样式,而JavaScript则负责处理滑动...

    jquery 复选框组件

    $('input[type="checkbox"]').click(function() { // 当复选框被点击时执行的代码 }); ``` ### 复选框组件的美化与增强 原生的HTML复选框样式有限,但使用jQuery UI库可以实现更美观、功能更丰富的复选框组件。...

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

    同样,也可以通过更具体的属性选择器,如$("input[type='checkbox']:checked")或$("input[name='ck']:checked")来达到同样的目的。这些方法都依赖于CSS选择器来定位符合条件的元素,并返回第一个匹配元素的值。 若...

Global site tag (gtag.js) - Google Analytics