jQuery 获取 input 文本框中的值方法始终是相同的,与是否隐藏无关,隐藏与不隐藏都能获取到值;
<div id="thisdiv" style="display: none">
<input type="text" class="demo" id="demo" value="123213e2q">
</div>
<script>
var value = $('#demo')val(); // 直接根据 input 的id 获取值
var value = $('demo')val(); // 根据input 的class 类获取值,此方法需保证只有一个input 使用该class 类,否则始终返回第一个使用该class 类的input 的值
var value = $('#thisdiv input')val(); //
var value = $('#thisdiv demo')val(); // 根据父元素定位input 获取值
以上的方法都能获取到 input 中的值,与div 是否隐藏没关系
</script>
if($("#id")is(":checked")){
var value = $("#id")val();
}
value就是获取的选中的值,不过这个方法是我在遍历input时用的
<input type="text" id="text1" />
<input type="text" id="text2" />
<input type="button" id="button" value="提交"/>$(function () {
// 绑定单击事件
$('#button')click(function () {
// 获取第二个文本框的值
var value = $('#text2')val();
// 设置第一个文本框的值
$('#text1')val(value);
});
});
jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个,index表示元素的位置(最小为 0)。所以获取Table第 i 行第 j 列的内容可用如下代码
$("table")find("tr")eq(i-1)find("td")eq(j-1)text(); // 注意-1是因为index从0开始计数
实例演示
创建Html元素
<div class="box">
<span>填写行列数,点击按钮后获取对应位置的数值:</span><br>
<div class="content">
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</div>
第<input type="text" name="row">行,第<input type="text" name="col">列<input type="button" class="btn" value="确定">
</div>
添加css样式
divbox{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}
divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:35px;height:30px;border:1px solid #99ccff;}
input[type='button']{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}
selected{background:#99ccff;}
table{border-collapse:collapse;}
td{padding:5px 10px;border:1px solid green;}
编写jquery代码
$(function(){
$("input:button")click(function() {
row = $("input[name='row']")val() - 1;
col = $("input[name='col']")val() - 1;
val = $("table")find("tr")eq(row)find("td")eq(col)text();
alert(val);
});
})
<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可以这么取
<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"]')
这个返回的是一个数组,包含页面的所有的输入文本框,并不能取到某一个值
以上就是关于jquery 如何获取隐藏div中Input中的文本框值全部的内容,包括:jquery 如何获取隐藏div中Input中的文本框值、JQuery中如何得到选中的checkbox后的文本框中的值、jquery:怎么从一文本框获取值到另一文本框如下图,下文本框输入值,点提交,则值提交到上文本框。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)