博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery 给基本控件的取值,赋值
阅读量:6146 次
发布时间:2019-06-21

本文共 1497 字,大约阅读时间需要 4 分钟。

TextBox:

var str = $('#txt').val();

$('#txt').val("Set Lbl Value");

//文本框,文本区域:

$
(
"
#text_id
"
)
.
attr
(
"
value
"
,
''
)
;
//清空内容
$
(
"
#text_id
"
)
.
attr
(
"
value
"
,
'
test
'
)
;
//填充内容

LABLE:  

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

  1. /*获取单选按钮的值*/
  2.    var valradio = $("input[@type=radio][@checked]").val();
  3. /*获取一组名为(items)的radio被选中项的值*/
  4.    var item = $('input[@name=items][@checked]').val();
  5. /*获取复选框的值*/
  6.  var checkboxval = $("#checkbox_id").attr("value")
  7. /*获取下拉列表的值*/
  8.    var selectval = $('#select_id').val();
//多选框checkbox:
$
(
"
#chk_id
"
)
.
attr
(
"
checked
"
,
''
)
;
//使其未勾选
$
(
"
#chk_id
"
)
.
attr
(
"
checked
"
,
true
)
;
//勾选
if
(
$
(
"
#chk_id
"
)
.
attr
(
'
checked
'
)
==
true
)
//判断是否已经选中
单选组radio:
$
(
"
input[@type=radio]
"
)
.
attr
(
"
checked
"
,
'
2
'
)
;
//设置value=2的项目为当前选中项

 

//下拉框select:
$
(
"
#select_id
"
)
.
attr
(
"
value
"
,
'
test
'
)
;
//设置value=test的项目为当前选中项
$
(
"
<option value='test'>test</option><option value='test2'>test2</option>
"
)
.
appendTo
(
"
#select_id
"
)
//添加下拉框的option
$
(
"
#select_id
"
)
.
empty
()
//清空下拉框
获取一组名为
(
items
)
radio
被选中项的值
var
item
= $
(
'
input[@name=items][@checked]
'
)
.
val
()
;
//若未被选中 则val() = undefined
获取
select
被选中项的文本
var
item
= $
(
"
select[@name=items] option[@selected]
"
)
.
text
()
;
select
下拉框的第二个元素为当前选中值
$
(
'
#select_id
'
)[
0
]
.
selectedIndex
=
1
;
radio
单选组的第二个元素为当前选中值
$
(
'
input[@name=items]
'
)
.
get
(
1
)
.
checked
=
true
;
//重置表单
$
(
"
form
"
)
.
each
(
function
(){
   .
reset
()
;
})
;

转载地址:http://unmya.baihongyu.com/

你可能感兴趣的文章
JavaScript异步之Generator、async、await
查看>>
讲讲吸顶效果与react-sticky
查看>>
c++面向对象的一些问题1 0
查看>>
直播视频流技术名词
查看>>
IOC —— AOP
查看>>
比特币现金将出新招,推动比特币现金使用
查看>>
数据库的这些性能优化,你做了吗?
查看>>
某大型网站迁移总结(完结)
查看>>
部署SSL证书后,网页内容造成页面错误提示的处理办法
查看>>
MS SQLSERVER通用存储过程分页
查看>>
60.使用Azure AI 自定义视觉服务实现物品识别Demo
查看>>
Oracle 冷备份
查看>>
jq漂亮实用的select,select选中后,显示对应内容
查看>>
C 函数sscanf()的用法
查看>>
python模块之hashlib: md5和sha算法
查看>>
解决ros建***能登录不能访问内网远程桌面的问题
查看>>
pfsense锁住自己
查看>>
vsftpd 相关总结
查看>>
售前工程师的成长---一个老员工的经验之谈
查看>>
Get到的优秀博客网址
查看>>