05 |
您所在的位置：网站首页 › jquery获取输入框中的值 › 05 |
05
|
表单控件是我们的重中之重，因为一旦牵扯到数据交互，离不开form表单的使用，比如用户的注册登录功能等 那么通过上节知识点我们了解到，我们在使用jquery方法操作表单控件的方法： $(selector).val()//设置值和获取值看如下HTML结构： DOCTYPE html> 男 女 gay 吃饭 睡觉 打豆豆 8:00-8:30 8:30-9:00 9:00-9:30页面展示效果：
操作表单控件代码如下： $(function(){ // 一、获取值 //1.获取单选框被选中的value值 console.log($('input[type=radio]:checked').val()) //2.复选框被选中的value,获取的是第一个被选中的值 console.log($('input[type=checkbox]:checked').val()) //3.下拉列表被选中的值 var obj = $("#timespan option:selected"); // 获取被选中的值 var time = obj.val(); console.log(time); // 获取文本 var time_text = obj.text(); console.log("val:"+time+" text"+ time_text ); //4.获取文本框的value值 console.log($("input[type=text]").val())//获取文本框中的值 // 二.设置值 //1.设置单选按钮和多选按钮被选中项 $('input[type=radio]').val(['112']); $('input[type=checkbox]').val(['a','b']); //2.设置下拉列表框的选中值，必须使用select /*因为option只能设置单个值，当给select标签设置multiple。 那么我们设置多个值,就没有办法了，但是使用select设置单个值和多个值都可以 */ $('select').val(['3','2']) //3.设置文本框的value值 $('input[type=text]').val('试试就试试') })
|
【本文地址】
今日新闻 |
推荐新闻 |