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值?
- $("input").val();
- $("textarea").text();
- $("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的项目为当前选中项
- $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
- $("#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:
- $("#ddlRegType ").attr("value","Normal“);
- $("#ddlRegType ").val("Normal");
- $("#ddlRegType ").get(0).value = value;
设置select 选中的text:
- var count=$("#ddlRegType option").length;
- for(var i=0;i<count;i++)
- { if($("#ddlRegType ").get(0).options[i].text == text)
- {
- $("#ddlRegType ").get(0).options[i].selected = true;
- break;
- }
- }
- $("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
- $("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
- $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
- $("#select_id option:last").remove(); //删除索引值最大的Option
- $("#select_id option[index='0']").remove();//删除索引值为0的Option
- $("#select_id option[value='3']").remove(); //删除值为3的Option
- $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
Tags: RadioButton input CheckBox
相关文章
- ·php解决input输入多个空格只显示一个的问题(2013-11-29)
- ·php中php://input的用法详细(2014-07-29)
- ·php中$_POST,$HTTP_RAW_POST_DATA 和 php://input 的区别(2016-08-25)
- ·PHP中的max_input_vars指令一些介绍(2018-06-13)
- ·php 在处理 form 表单时提交多个 name 属性值相同的 input 标签 (2018-08-06)
- ·php输入流php://input使用示例(php发送图片流到服务器)(2020-08-17)
- ·php输入流php://input使用浅析(2021-04-10)
- ·php中$_POST与php://input的区别实例分析(2021-05-05)
- ·PHP中使用php://input处理相同name值的表单数据(2021-05-09)
- ·php获取复选框checkbox值内容实例(2014-01-10)
- ·php读取checkbox值几种方法(2014-01-15)
- ·php 获取checkbox表单取值程序代码(2014-03-05)
- ·获取checkbox值的php代码(2014-08-04)
- ·获取checkbox值的几种方法(2014-08-16)
- ·PHP处理Checkbox多选框表单元素的例子(2018-09-14)
- ·jquery获取多个checkbox的值异步提交给php的方法(2021-06-03)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)