当前位置:首页 > PHP教程 > php应用 > 列表

jQuery中的RadioButton,input,CheckBox取值赋值实现代码

发布:smiling 来源: PHP粉丝网  添加日期:2020-09-17 13:14:59 浏览: 评论:0 

本篇文章主要是对jQuery中的RadioButton,input,CheckBox取值赋值实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

1、jquery 获取单选组radio

$("input[name='name']:checked").val();

2、jquery获取radiobutton的下一个值

$("input[name='name']:checked").next().text()

$("input[name='name']:checked").val()

3、jquery 获取input的值

$('#id').val()

4、jquery判断多选框checkbox

$("#id:checkbox").attr("checked")

取值 $("#id").attr("value");

赋值则是在text()、val()里面直接给值

JQUERY如何获取text,areatext,radio,checkbox,select值?

  1. $("input").val(); 
  2. $("textarea").text(); 
  3. $("select").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的项目为当前选中项

  1. $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
  2.  
  3. $("#sel").emptyempty();//清空下拉框 

jQuery 获取和设置select下拉框的值文章分类:.net编程

获取Select :

获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

$("#ddlRegType ").val();

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;

设置select:

设置select 选中的索引:

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:

  1. $("#ddlRegType ").attr("value","Normal“); 
  2. $("#ddlRegType ").val("Normal"); 
  3. $("#ddlRegType ").get(0).value = value; 

设置select 选中的text:

  1. var count=$("#ddlRegType option").length; 
  2. for(var i=0;i<count;i++)  
  3. if($("#ddlRegType ").get(0).options[i].text == text)  
  4. {  
  5. $("#ddlRegType ").get(0).options[i].selected = true;  
  6. break;  
  7. }  
  8. $("#select_id option[text='jQuery']").attr("selected", true); 

设置select option项:

  1. $("#select_id").append("<option value='Value'>Text</option>"); //添加一项option 
  2. $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option 
  3. $("#select_id option:last").remove(); //删除索引值最大的Option 
  4. $("#select_id option[index='0']").remove();//删除索引值为0的Option 
  5. $("#select_id option[value='3']").remove(); //删除值为3的Option 
  6. $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option 

清空 Select:

$("#ddlRegType ").empty(); 

Tags: RadioButton input CheckBox

分享到: