jq select操作

朴灿烈づ我的快乐病毒、 2022-08-26 13:10 221阅读 0赞

添加option

$ ( "\#ID option" ). each ( **function** ( ) \{   
**if** ($ ( **this** ). val ( ) == 111 ) \{   
$ ( **this** ). remove ( ) ;  
\}  
\} ) ;

移除option

$ ( "<option value='111'>UPS Ground</option>" ). appendTo ($ ( "\#ID" ) ) ;

取得下拉选单的选取值

$ ( "\#testSelect option :selected " ).text();  
$("\#testSelect").find('option :selected ').text();  
$("\#testSelect").val();

根据option的值选中下拉框

$ ( '\#testSelect' ). val ( '111' ) ;

2,单选框:

$ ( "input\[@type=radio\]\[@checked\]" ). val ( ) ; *//得到单选框的选中项的值(注意中间没有空格)*  
$ ( "input\[@type=radio\]\[@value=2\]" ). attr ( "checked" , 'checked' ) ; *//设置单选框value=2的为选中状态.(注意中间没有空格)*

3,复选框:

$ ( "input\[@type=checkbox\]\[@checked\]" ). val ( ) ; *//得到复选框的选中的第一项的值*  
$ ( "input\[@type=checkbox\]\[@checked\]" ). each ( **function** ( ) \{  *//由于复选框一般选中的是多个,所以可以循环输出*  
alert ($ ( **this** ). val ( ) ) ;  
\} ) ;  
   
$ ( "\#chk1" ). attr ( "checked" , '' ) ; *//不打勾*  
$ ( "\#chk2" ). attr ( "checked" , **true** ) ; *// 打勾*  
**if** ($ ( "\#chk1" ). attr ( 'checked' ) ==undefined ) \{  \} *//判断是否已经打勾*

当然jquery的选择器是强大的. 还有很多方法.

jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组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" )；

多选框 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><optionvalue='2'> 2222</option>" ). appendTo ( "\#sel" ) *//添加下拉框的option*  
$ ( "\#sel" ). empty ( )； *// 清空下拉框*

获取一组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" )；

多选框 checkbox：

$ ( "\#checkbox\_id" ). attr ( "value" )；

单选组radio：

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

下拉框select：

$ ( '\#sel' ). val ( ) ;

控制表单元素：  
文本框，文本区域：

$ ( "\#txt" ). attr ( "value" , '' ) ; *//清空内容*  
$ ( "\#txt" ). attr ( "value" , '11' ) ; *// 填充内容*

多选框checkbox：

单选组radio：

$ ( "input\[@type=radio\]" ). attr ( "checked" , '2' ) ; *//设置value=2的项目为当前选中项*

下拉框 select：

$ ( "\#sel" ). attr ( "value" , '-sel3' ) ; *//设置value=-sel3的项目为当前选中项*  
$ ( "<option value='1'>1111</option><option value='2'>2222</option>" ). appendTo ( "\#sel" ) *//添加下拉框的option*  
$ ( "\#sel" ). empty ( )； *// 清空下拉框*