加载中…整理jquery 获取 radio select textarea input 的值
(2012-06-03 23:11:50)
标签：
jquery获取inputtextareaselectradioit |
分类： jquery那些事 |
《1》获取radio的值
$("#checkall").click(function(){
if($(this).attr("checked")==true){
$("input[name=checklist]").attr("checked",true);
}else{
$("input[name=checklist]").attr("checked",false);
}
});
arr.push(input[i].value);
获取select被选中项的文本
select下拉框的第二个元素为当前选中值
取值：val = $("#id")[0].value;
赋值： $("#id")[0].value =
"new value";
或者$("#id").val("new value");
或者这样也可以：val = $("#id").attr("value");
文本框，文本区域：$("#txt").attr("value")；
radio单选组的第二个元素为当前选中值
$('input[name=items]').get(1).checked = true;
单选组radio： $("input[type=radio][checked]").val();
单选组radio：
$("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
$("input[@type=radio][@checked]").val();
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)
《2》获取checkbox的值
获取一组radio被选中项的值
var item = $('input[name=items][checked]').val();
多选框 checkbox：$("#checkbox_id").attr("value")；
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true); //打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
全选和全不选
$("input[@type=checkbox][@checked]").val();
//得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
另外一种方法获取选中的checkbox(如果直接使用input[i].type=text则直接把checkbox变为text可于button变text中的效果)
var input =
document.getElementsByTagName_r("input");
var arr = new
Array();
for(var i =
0;i<input.length;i++){
if(input[i].type="checkbox"
&& input[i].name="checklist"){
if(input[i].checked){
}
}
}
《3》获取select的值
var item = $("select[name=items]
option[selected]").text();
$('#select_id')[0].selectedIndex = 1;
下拉框select： $('#sel').val();
下拉框select：
$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option
value='1'>1111</option><option
value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框 32
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
//取得下拉選單的選取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
var cc1
var cc2 = $('.formc
select[@name="country"]').val();
var cc3 = $('.formc select[@name="country"]').attr("id");
//得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option
value='1'>1111</option>").appendTo("#select")//添加下拉框的option
稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性，
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素；
可以看出有@开头的就表示后面跟的是属性。
《4》获取input的值
《5》获取textarea的值
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#appendtag").empty(); 当清空value不好使的使的时候是用empty函数可以果断清空
$("#appendtag").val("");
$("#txt").attr("value",'11');//填充内容
textArr.splice(i,1); 是用splice来删除数组中的特定的元素
喜欢
0
赠金笔