jquery获取隐藏的表单元素,使用哪个过滤选择器

jquery获取隐藏的表单元素,使用哪个过滤选择器,第1张

jquery获取隐藏的表单元素,使用enabled选择器。disabled选择器。checked选择器。selected选择器。enabled选择器选择所有的可用的元素,返回集合元素。disabled选择器选择所有的不可用的元素,返回集合元素。checked选择器选择所有被选中的元素(单选框,复选框),返回集合元素。selected选择器选择所有被选中选项元素(下拉列表),返回集合元素。

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。工具原料:编辑器、浏览器一、使用表单的方法提交数据1、利用form表单的action属性来获取表单的数据并提交,代码如下:

<form action="form_actionphp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" /></p> <input type="submit" value="Submit" /></form>

2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_actionphp" method="get"> <p>First name: <input id="bt1" type="text" name="fname" /></p> <p>Last name: <input id="bt2" type="text" name="lname" /></p> <input type="submit" value="Submit" /> </form> <script> consolelog($('#bt1')val()) consolelog($('#bt2')val()); </script>

2、其中$('#bt1')val()就是获取input输入内容的值

query取得iframe中元素的几种方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parentdocument);

// 搞定

在父页面 获取iframe子页面的元素

代码如下:

$("#objid",documentframes('iframename')document)

$(documentgetElementById('iframeId')contentWindowdocumentbody)html()

显示iframe中body元素的内容。

$("#testId", documentframes("iframename")document)html();

根据iframename取得其中ID为"testId"元素

$(windowframes["iframeName"]document)find("#testId")html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下

indexhtml 文件内含有一个iframe:

XML/HTML代码

">

01 jquery取radio单选按钮的值

02 $("input[name='items']:checked")val();

03 jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

04 获取一组radio被选中项的值

05 var item = $('input[name=items][checked]')val();

06 获取select被选中项的文本

07 var item = $("select[name=items] option[selected]")text();

08 select下拉框的第二个元素为当前选中值

09 $('#select_id')[0]selectedIndex = 1;

10 radio单选组的第二个元素为当前选中值

11 $('input[name=items]')get(1)checked = true;

OLEObject 对象

请参阅 属性 方法 事件 特性

Sheets

OLEObjects (OLEObject)

Borders (Border)

Interior

返回工作表中一个 ActiveX 控件或者一个链接式或内嵌 OLE 对象。OLEObject 对象是 OLEObjects 集合的成员。OLEObjects 集合中包含单张工作表中的所有 OLE 对象。

OLEObject 对象的用法

可用 OLEObjects(index) 返回一个 OLEObject 对象,其中 index 为对象名称或编号。下例删除 Sheet1 中的 OLE 对象一。

Worksheets("sheet1")OLEObjects(1)Delete

下例删除名称为“ListBox1”的 OLE 对象。

Worksheets("sheet1")OLEObjects("ListBox1")Delete

说明

工作表上的 ActiveX 控件的 OLEObject 对象的属性和方法是相同的。这样,通过使用控件名称,Visual Basic 代码即可访问这些属性。下例选中复选框控件“MyCheckBox”,将其设为与活动单元格对齐,然后激活此控件。

With MyCheckBox

Value = True

Top = ActiveCellTop

Activate

End With

有关详细信息,请参阅在工作表上使用 ActiveX 控件。

1、获取input的checked值是否为true:

//第一种:

if($("input[name=item][value='val']")attr('checked')==true)  //判断是否已经打勾    --注:name即控件name属性,value即控件value属性

//第二种:

可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式:

if($("input[name=row_checkbox]")attr('checked')==true)

//第三种:

if($("[name=row_checkbox]")attr('checked')==true)  --注:name即控件name属性

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关文章分类:Web前端:

2、radio:

//获取一组radio被选中项的值:

var item = $('input[name=items][checked]')val();   --注:name即控件name属性

//radio单选组的第二个元素为当前选中项 :

$('input[@name=items]')get(1)checked = true;

//或 

$('input[name=items]')attr("checked", '1′);

//radio的value = 'val'的元素为当前选中项:

$('input[name=items] [value='val']')attr("checked","checked");

//radio设置value=2的元素为当前选中项:

$("input[type=radio]")attr("checked",'2′);

//radio被选中项的value值:

$("input[name='radio_name'][checked]")val();

//根据Value值设置Radio为选中状态:

$("input[name='radio_name'][value='要选中Radio的Value值'")attr("checked",true);

3、select:

//获取select被选中项的文本:

var item = $("select[@name=items] option[@selected]")text();

//或 

var item = $("select[name=items]")find("option:selected")text();

//select下拉框的第二个元素为当前选中值:

$('#select_id')[0]selectedIndex = 1;     --注:select_id'即控件的id属性

//select下拉框value = 'val'的元素为当前选中项:

$("select[name=items] option[value='val']")attr("selected","selected");

//select设置value=-sel3的项目为当前选中项:

$("#sel")attr("value",'-sel3′);    --注:sel即select控件的id属性

//添加下拉框的option:

$("<option value='1′>1111</option><option value='2′>2222</option>")appendTo("#sel");

//select清空:

$("#sel")empty();

4、checkbox:

//checkbox的第二个元素被打勾:

$("input[name=items]")get(1)checked = true;   //打勾

//checkbox的value='val'的元素打勾:

$("input[name=item][value='val']")attr("checked",true);

                                                 或$("input[name=item][value='val']")attr("checked","checked");

//判断checkbox是否已经打勾:

if($("input[name=item][value='val']")attr('checked')==true)

 

//jQuery获取CheckBox选择的Value值:

//选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合

$($("input[name='checkbox_name'][checked]"))each(function(){

arrChk+=thisvalue + ',';    //遍历被选中CheckBox元素的集合 得到Value值

});

 

//checkbox的checked属性:

$("#checkbox_id")attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)

$("#checkbox_id")attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)

$("#checkbox_id")attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)

//根据上面三条,分析分析这句代码的意思:

$("input[name='checkbox_name']")attr("checked",$("#checkbox_id")attr("checked"));

--注:根据控件checkbox_id的checked状态为name='checkbox_name'的input赋相同的checked状态

5、获取值:

//文本框,文本区域:

$("#txt")attr("value");

//多选框checkbox:

$("input[name='checkbox':checked]")each(function(){

   var val = $(this)val();

});

//单选组radio:

$("input[type=radio][checked]")val();

//下拉框select的value值:

$('select')val();

//下拉框select选中的text 值:

$("select")find("option:selected")text();

//文本框,文本区域:

$("#txt")attr("value","); //清空内容

$("#txt")attr("value",'11′); //填充内容

6、事件:

//当对象text_id获取焦点时触发:

$("#text_id")focus(function(){

    //code

});

//当对象text_id失去焦点时触发:

$("#text_id")blur(function(){

    //code

});

7、其他:

//使文本框的Vlaue值成选中状态:

$("#text_id")select();

$("#text_id")val()split(","); //将Text的Value值以','分隔返回一个数组

以上就是关于jquery获取隐藏的表单元素,使用哪个过滤选择器全部的内容,包括:jquery获取隐藏的表单元素,使用哪个过滤选择器、iview表格里某一列的单选怎么实现、JavaScript或jquery获取frame的元素的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10144330.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存