如何用jquery获得input type=text标签中value的值

<input id='myinputid' class='myinputclass' type='text' value='123'/>

var value = $('#myinputid')val();

var value = $('myinputclass')val();

上面两种方法随你选择，第一个是通过id（绝对唯一），第二个是通过类（不一定唯一，因为一个页面class可以重复出现，只有一个的情况下，这种方法可以用），总是，jquery需要一个充当筛选器的参数筛选你需要的dom，上面的用法和 input 什么的没有关系，是通用的取法，

要选择页面的input type=text的话用：

var objects = $('input[type="text"]')

这个返回的是一个数组，包含页面的所有的输入文本框，并不能取到某一个值

$("#id")val() 根据id取值

$("input")val() 如果只有一个input可以这么取

$(":text")val() 如果只有一个text可以这么取

可以先定位到这个DIV,然后采用attr方法来获取其值：

假如说：有一段Html代码：

[html] view plaincopy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果想从submit处定位，获取到comment处DIv的ID，那么就可以这样做：

ID值为：

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('id');

其值为：22;

CLASS值为：

[javascript] view plaincopy

$("submit")parent()parent()parent()parent()attr('class')

其值为：comment;

根据input的class或者ID值定位元素，获得input的value值。

假设input的class为name：

var name = $('name')val();

consolelog(name);

或者是：

var name = $('name')attr('value');

consolelog(name);

扩展资料：

jQuery显示隐藏div的方法：

1、attr()：

隐藏div：$("#demo")attr("style","display:none;");

显示div：$("#demo")attr("style","display:block;");

2、css()：

隐藏div：$("#demo")css("display","none");

显示div：$("#demo")css("display","block");

3、hide()，show()：

隐藏div：$("#demo")hide();

显示div：$("#demo")show();

4、动态显示和隐藏：

$("#demo")toggle(

function () {

$(this)attr("style","display:none;");//隐藏div

},

function () {    $(this)attr("style","display:block;");//显示div

}

);

<select name='anch1'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch2'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<select name='anch3'>

<option value='10'>10 ++</option>

<option value='20'>20 ++</option>

<option value='30'>30 ++</option>

<option value='40'>40 ++</option>

<option value='50'>50 ++</option>

</select>

<div>SUM OF SELECTED OPTIONS</div>

求和的JS：

$('select')change(function(){

var sum = 0;

$('select :selected')each(function() {

sum += Number($(this)val());

});

$("#sum")html(sum);

});

以上就是关于如何用jquery获得input type=text标签中value的值全部的内容，包括:如何用jquery获得input type=text标签中value的值、如何用Jquery获取某一个Div的Class或者ID、如何获取Jquery隐藏div里面的input值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！