免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1970 | 回复: 1
上一主题 下一主题

Jquery主要控件的取值、赋值[转载] [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2011-12-23 02:41 |只看该作者 |倒序浏览
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");
 
 
var valradio = $("input[@type=radio][@checked]").val();
 
var item = $('input[@name=items][@checked]').val();
 
 
var checkboxval = $("#checkbox_id").attr("value");
 
 
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();
}

论坛徽章:
0
2
发表于 2014-07-14 14:03
不错的控件知识,感谢分享
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP