Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,checkbox,selected
2015-11-12 16:10
786 查看
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();
/*获取一组名为(items)的radio被选中项的值*/
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();
});
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();
/*获取一组名为(items)的radio被选中项的值*/
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();
});
相关文章推荐
- 《jQuery源码解析》读书笔记(第二章:构造jQuery对象)
- 《jQuery源码解析》读书笔记(第一章:总体架构)
- 有关jquery jqgrid的一些操作
- js事件委托和jQuery事件绑定on , off , one , bind , unbind , die
- jQuery源码学习3——工具方法篇
- web前端,jquery对元素及属性进行获取,设置,添加,删除
- 怎么选择公司???MVC加jquery-easyui 后端工程师
- JQuery Show()的几种效果 总有一种是你需要的
- jquery控制按钮的禁用与启
- 详解MyEclipse10 安装Spket 1.6.23(支持Extjs4.1.1及jQuery1.8)
- 使用jquery showloading plugin 加载滚动条的方法
- Jquery中$(this)的含义----联系的问题
- 如何将easyui中的jquery.messager.confirm提示框按钮改成中文?
- jQuery-1.9.1源码分析系列(四) 缓存系统
- jQuery中设置form表单中action值的方法
- jQuery中添加自定义或函数方法
- jquery表单序列表转化为json
- Jquery zTree的使用
- JQuery学习系列基础教程
- 备忘篇——jQuery中操作数组