`
easy0917
  • 浏览: 260371 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

获取Input的值

 
阅读更多
jquery取radio单选按钮的值
$("input[name='items']:checked").val();
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,很多东西不熟悉
在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值

后来终于在伟大的百度帮助下,找到了问题的原因:
$("")是一个jquery对象,而不是一个dom element

value是dom element的属性

jquery与之对应的是val

val() :获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

所以,代码应该这样写:

取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");

或者这样也可以:val = $("#id").attr("value");
分享到:
评论

相关推荐

    Jquery 获取input 值

    以上就是通过 jQuery 获取和设置 input 类型(包括 radio 按钮、checkbox 和 select 下拉列表)值的一些常见方法和技巧。这些方法在实际开发中非常有用,可以帮助开发者更高效地处理用户输入数据。

    【JavaScript源代码】React获取input值并提交的2种方法实例.docx

    ### React中获取input值并提交的方法 #### 一、通过状态管理的方式获取input值 **原理简介** 在React中,为了确保数据的一致性和可控性,通常推荐使用组件的状态(`state`)来管理界面中动态变化的部分。当涉及到...

    CS取前台INPUT值

    "CS取前台INPUT值"这个主题涉及到如何从Web页面的前端获取用户输入的数据,并在C#后台处理这些数据。这在办公自动化(OA)系统和其他需要用户交互的应用程序中是非常常见的需求。 首先,我们需要理解Web页面的基本...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    将name值一样的input值拼接起来

    总结一下,要从name值一样的form表单中取值并拼接,主要步骤包括:获取同名的input元素集合,遍历并获取每个元素的值,使用`join()`方法拼接成字符串,然后根据需要处理这个字符串。在提供的"【压缩包子文件的文件...

    jquery获取input表单值的代码

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

    js与jquery获取input输入框中的值实例讲解.docx

    #### 三、JavaScript获取Input值 ##### 1. 通过ID获取 ```javascript document.getElementById("user").value; ``` 这里假设`&lt;input&gt;`元素具有ID `"user"`。 ##### 2. 通过Name获取 ```javascript document....

    jquery获取input输入框中的值

    如何用javascript获取input输入框中的值,js/jq通过name、id、class获取input输入框中的value 先准备一段 HTML &lt;input type="text" id="CN_NAME" name="CN_NAME" class="CN_NAME"&gt; 一、jquery获取input文本框...

    jQuery/JS监听input输入框值变化实例

    同时,使用jQuery绑定了oninputpropertychange事件,显示了在输入过程中实时获取输入框长度,并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后,文章还提供了一些兼容IE浏览器的JavaScript函数...

    jmpopups获取input元素值

    标题“jmpopups获取input元素值”涉及到的是一个JavaScript库或者功能,可能是一个自定义的弹窗插件,用于从用户界面中获取`input`元素的值。在Web开发中,`input`元素通常用于创建表单,允许用户输入数据。获取这些...

    jQuery鼠标滚动设置input值代码.zip

    在这个“jQuery鼠标滚动设置input值代码.zip”压缩包中,包含了一个使用jQuery和mousewheel插件实现的功能,即通过鼠标滚轮来调整input元素中的数值。这个功能在很多场景下都非常实用,比如在网页上的滑块调节、音量...

    JQuery获取input控件值.docx

    下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`&lt;input type="text"&gt;`和`&lt;textarea&gt;`,可以使用`.attr()...

    获得html中表单元素值总结

    本文将详细介绍如何在JavaScript中获取不同类型的HTML表单元素的值,包括下拉选择框(`&lt;select&gt;`)、单选按钮(`&lt;input type="radio"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)以及文本输入框(`&lt;input type="text...

    jQuery在div中去input的值

    本文将详细讲解如何使用jQuery在div中获取和操作input元素的值。 首先,理解基本的HTML结构是至关重要的。假设我们有一个包含input元素的div,其HTML代码可能如下所示: ```html &lt;input type="text" id="myInput...

    jQuery获取多种input值的简单实现方法

    ### jQuery获取input值的知识点 #### 1. 获取radio值 - **判断radio是否被选中**:要获取radio的值,首先需要判断该radio是否被选中。可以使用`.attr('checked')`方法,该方法会返回'checked'属性的值,如果该...

    WebBrowser 如何读出input 的value值。谢谢

    有时,我们需要与网页交互,比如获取HTML元素的属性值,特别是输入框(`&lt;input&gt;`)的`value`属性。本文将详细介绍如何使用C#中的`WebBrowser`控件读取`input`元素的`value`值。 首先,了解`WebBrowser`控件的基本...

    js点击连续添加input输入框并且判断值

    同时,为新添加的input元素设置一个唯一的ID以便后续操作,比如获取值或添加验证规则。JavaScript代码如下: ```javascript document.getElementById('addButton').addEventListener('click', function() { var ...

    vue获取input输入值的问题解决办法

    在开发过程中,经常需要从表单元素如input获取用户输入的值。本文将详细介绍在Vue中获取input输入值的方法,并分析各种情况下的解决方案。 在Vue中,获取input输入值的常用方法是使用v-model指令。v-model指令在...

    JavaScript和jQuery获取input框的绝对位置

    总结起来,JavaScript和jQuery提供了多种方式来获取`input`框的绝对位置,包括`getBoundingClientRect()`配合滚动距离计算,以及jQuery的`offset()`方法。开发者可以根据项目需求和浏览器兼容性选择合适的方法。

Global site tag (gtag.js) - Google Analytics