jQuery操作input

最新推荐文章于 2024-05-23 16:08:37 发布

weixin_34126557

最新推荐文章于 2024-05-23 16:08:37 发布

阅读量63

点赞数

文章标签： xhtml javascript python ViewUI

原文链接：https://my.oschina.net/mickelfeng/blog/127416

版权

2019独角兽企业重金招聘Python工程师标准>>>

获取选中的值
获取一组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")；
$("#txt").val();

多选框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的项目为当前选中项
$("<optionvalue='1'>1111</option>& lt;optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的 option
$("#sel").empty()；//清空下拉框

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
在Jquery中,用$("#id")来获得页面的input元素,其相当于 document.getElementById("element")
但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用
$("#id").value不能取到值
取值的方法如下:
取值：val = $("#id")[0].value;
$("#id")[0].value = "new value";
赋值：
$("#id")[0].value = "new value";
或者$("#id").val("new value");
val = $("#id").attr("value");
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
jquery input text radio check select 操作
2009-04-29 15:36
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 无标题文档</title>
<script src="jquery-starterkit/lib/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="text" id="dd" name="dd" value="dds"/>dd
<input name="rr" id="rr" type="radio" value="34" />ff

<input name="rr" id="rr2" type="radio" value="4" />55

<input name="ff" type="checkbox" value="aa" />jgdg
<input name="ff" type="checkbox" value="gd" />jgdg

<select name="ss" id="ss" size="1">
<option value=""></option>
<option value="8">d</option>
<option value="2">g</option>
</select>

<br/>
<input type="button" id="button" value="按钮一" />
<input type="button" id="jj" value="按钮二" />
<br/>

<div id="ssd">fgfooHello</div>
</body>
<script language="javascript" type="text/javascript">

</script>

</html>

JQuery获取input type="text"中的值的各种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>JQuery获取文本框的值</title>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
		
		<script type="text/javascript">
		//使用id的方式获取
		$(document).ready(function(){
			//1
			$("#button_text1").click(function(){
				var result1 = $("#input_text1").val();
				alert("result1 = " + result1);
			});
			//2
			$("#button_text2").click(function(){
				var result2 = $("input[id='input_text2']").val();
				alert("result2 = " + result2);
			});
			//3
			$("#button_text3").click(function(){
				var result3 = $("input[id='input_text3']").attr("value");
				alert("result3 = " + result3);
			});
			//4. 可以通过type的值来获取input中的值（未演示）
			/*
			$("#button_text4").click(function(){
				var result4 = $("input[type='text']").val();
				alert("result4 = " + result4);
			});
			*/
			//5. 可以通过name的值来获取input中的值（未演示）
			/*
			$("#button_text5").click(function(){
				var result5 = $("input[name='text']").val();
				alert("result5 = " + result5);
			});			
			*/
		});
		</script>
	</head>

	<body>
		<!-- 获取文本框的值：方式一 -->
		<div id="test1">
			<input id="input_text1" type="text" value="test1" style="width: 100px;" />
			<button id="button_text1">test1</button>
		</div>
		<!-- 获取文本框的值：方式二 -->
		<div id="test2">
			<input id="input_text2" type="text" value="test2" style="width: 100px;" />
			<button id="button_text2">test2</button>
		</div>
		<!-- 获取文本框的值：方式三 -->
		<div id="test3">
			<input id="input_text3" type="text" value="test3" style="width: 100px;" />
			<button id="button_text3">test3</button>
		</div>
	</body>

</html>

转载于:https://my.oschina.net/mickelfeng/blog/127416