jquery选择器 【radio checkbox】选择 【查找div下的表单具有某种属性的控件 :注意是div下】
2014-07-29 23:57
926 查看
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>
相关文章推荐
- jQuery表单选择器(:input/:text/:password/:radio/:checkbox/:submit/:image/:checked/:selected)
- Jquery -- 常用选择器 和 div/select/radio/checkbox的使用
- 选择控件:select ,radio,checkbox之用jquery获取选中值的小结
- jquery选择器之表单选择\表单对象属性
- JQuery中_Radio、DropDownList、Checkbox选择控件的处理
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
- jquery表单选择器input、:text、:password、:radio、:checkbox、:submit、:reset、:image、:button、:file、:hidden
- BootStrap表单控件之复选框checkbox和单选择按钮radio
- JQuery 表单快速选择器,表单属性选择器
- bootstrap-表单控件——复选框checkbox和单选择按钮radio
- jQuery选择器的过滤器,即对选择的结果再进行一个过滤(如我不想要在<div id="test"></div>这里的input控件)
- JQUERY 获取form表单text,areatext,radio,checkbox,select值 以及 JavaScrpt获取文本框值
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- Jquery操作各种表单元素 select checkbox radio
- JQuery里面的几种选择器——查找满足条件的元素$("#控件ID")
- jQuery(2-8)表单对象过滤属性选择器
- jQuery获取,遍历和操作表单元素Select,checkbox,radio
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
- Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected