txt3<pre name="code" class="html"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btn1").click(function () {
//$("input[name='r1']:checked") 获取name属性为r1 且被选中的 input表单
alert($("input[name='r1']:checked").val()) //获取选中的值
})
$("#btn2").click(function () {
// $("input[name='r1']") 获取name属性为r1的input表单
$("input[name='r1']").val(["男"]); //将“女”设为选中的值 :注意"女"是用中括号[]括起来的,因为它只是$("input[name='r1']")获取到的数据是一个数组。
})
//或者写成这样也行
$("input[value='女']").attr("checked", true); //将input标签下 value值为女的标签 的checked 设为true
})
//-----------------------------------------------------------------------------------
$(function () {
$("#btn3").click(function () {
$("input").val(["篮球", "乒乓球", "女"]) //将input标签中的 val()值为"篮球","乒乓球","女"的表单选中
})
})
//-------------------------------------------------------------------------------------------
$(function () {
$("#btn4").click(function () {
//$("input[name='c1']").val(["篮球", "乒乓球", "女"]) //将input标签中name属性值为c1的,val()值为"篮球",和"乒乓球"的的表单选中
$("input[name='r1'][value='男']").attr("checked", true);
})
})
</script>
</head>
<body>
<input type="radio" name="r1" value="男"/>男
<input type="radio" name="r1" value="女"/>女
<input type="radio" name="r1" value="保密"/>保密<br/>
<input type="button" value="获取选中的值"id="btn1"/>
<input type="button" value="设置选中的值"id="btn2"/><br/>
<input type="checkbox" name="c1" value="足球" />足球
<input type="checkbox" name="c1" value="篮球" />篮球
<input type="checkbox" name="c1" value="羽毛球" />羽毛球
<input type="checkbox" name="c1" value="乒乓球" />乒乓球<br/>
<input type="button" value="设置input表单选中值"id="btn3"/>
<input type="button" value="设置复选框选中值"id="btn4"/>
</body>
</html>
查找div下的表单具有某种属性的控件 :注意是div下
<2>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="script/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
//查找div下的表单具有某种属性的控件 :注意是div下
$(function () {
var v=$("div :checkbox"); //获取div下的 type属性为checkbox的控件
$.each(v, function () {
//alert( this.value) //输出: 篮球;足球 或者换成下面的jquery写法
alert($(this).val()) //输出: 篮球;足球
})
})
$(function () {
var v = $("#div1 :checkbox"); //获取id为div1 表单下的 type属性为checkbox的控件
$.each(v, function () {
//alert( this.value) //输出: 篮球;足球 或者换成下面的jquery写法
alert($(this).val()) //输出: 篮球;足球
})
})
$(function () {
var v = $("div :text"); //获取div下的 type属性为text的控件
$.each(v, function () {
//alert( this.value) //输出: 请在这输入用户名;请在这里输入密码 或者换成下面的jquery写法
alert($(this).val()) //输出: 请在这输入用户名;请在这里输入密码
})
})
$(function () {
var v = $("div :radio"); //获取div下的 type属性为radio的控件
$.each(v, function () {
//alert( this.value) //输出: 男;女 或者换成下面的jquery写法
alert($(this).val()) //输出: 男;女
})
})
$(function () {
var v = $("div :button"); //获取div下的 type属性为button的控件
$.each(v, function () {
//alert( this.value) //输出: ok1;ok2 或者换成下面的jquery写法
alert($(this).val()) //输出: ok1;ok2
})
})
$(function () {
var v = $("div :disabled"); //获取div下的 具有disabled属性的控件
$.each(v, function () {
//alert( this.value) //输出: ok2 或者换成下面的jquery写法
alert($(this).val()) //输出: ok2
})
})
</script>
</head>
<body>
<div id="div1">
<input type="checkbox" value="篮球" id="checkbox1" />篮球
<input type="checkbox" value="足球"id="checkbox2" />足球<br />
用户名<input type="text" value="请在这输入用户名" />
密码<input type="text" value="请在这里输入密码" /><br />
<input type="radio" value="男"/>男
<input type="radio" value="女"/>女<br />
<input type="button" value="ok1" />
<input type="button" value="ok2" disabled="disabled"/><br />
</div>
</body>
</html>