Jquery 获取表单值如input,select等方法

1 if($("input[name=item][value=‘val‘]").attr(‘checked‘)==true) //判断是否已经打勾

name即控件name属性,value即控件value属性

可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式

if($("input[name=row_checkbox]").attr(‘checked‘)==true)

{

alert("j");

}

else

{

alert("请选择数据!");

}

另,还可以写成if($("[name=row_checkbox]").attr(‘checked‘)==true)

radio使用:

<body>

<form id="form1" >

<input type="radio"  name="sex" value="男" />男

<input type="radio" name="sex" value="女" />女

<br />

<input type="radio"  name="list" value="十分满意" />十分满意

<input type="radio" name="list" value="满意" />满意

<input type="radio" name="list" value="不满意" />不满意

<input type="radio" name="list" value="非常差" />非常差

<br />

<input type="submit" value="submit"  id="btnSubmit" />

</form>

</body>

</html>

    $(function(){
         $("#btnSubmit").click(function(){
            var val=$(‘input:radio[name="sex"]:checked‘).val();
            if(val==null){
                alert("什么也没选中!");
                return false;
            }
            else{
                alert(val);
            }
            var list= $(‘input:radio[name="list"]:checked‘).val();
            if(list==null){
                alert("请选中一个!");
                return false;
            }
            else{
                alert(list);
            }
         });
     });

$(‘#checkbox‘).attr(‘checked‘); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法如下

在JQ1.6之前的版本,我们会这样写我们的代码:

  1. <input type=‘checkbox‘ id=‘cb‘/>
  2. <script>
  3. //获取是否选中
  4. var isChecked = $(‘#cb‘).attr(‘checked‘);
  5. //设置选中
  6. $(‘#cb‘).attr(‘checked‘,true);
  7. </script>

这样写在JQ1.6之前完全没问题,可是当我们升级JQ1.6到更高的版本时,问题就来了,此时我们会发现: 
$(‘#cb‘).attr(‘checked‘); 返回的是checked或者是undefined,不是原来的true和false了。 并且checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。所以如果checkbox一开始是选中的,那么返回的是checked,如果一开始没被选中,则返回的是undefined

  1. <input type=‘checkbox‘ id=‘cb‘/>
  2. <script>
  3. //获取是否选中
  4. var isChecked = $(‘#cb‘).prop(‘checked‘);
  5. //或
  6. var isChecked = $(‘#cb‘).is(":checked");
  7. //设置选中
  8. $(‘#cb‘).prop(‘checked‘,true);
  9. </script>

分析了其中的原因,可以这样理解: 
它将“属性”与“特性”做了区别,属性指的是“name,id”等等,特性指的是“selectedIndex, tagName, nodeName”等等。 
JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性

    1. $("#cb").attr("tagName"); //undefined
    2. $("#cb").prop("tagName"); //INPUT

更多:http://blog.sina.com.cn/s/blog_70491fc60100t5kw.html

Jquery 获取表单值如input,select等方法

时间: 2024-11-06 12:07:10

Jquery 获取表单值如input,select等方法的相关文章

jquery获取表单值

Query获取多种input值的方法 (2011-06-03 01:59:14) 转载▼ 标签: 单选 文本区域 元素 获取 文本框 jquery 多种 input值 的 方法 杂谈 分类: 转载 1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,value即控件value属性 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id

jquery 获取 表单值

jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items]

jquery获取表单值的利器:serialize()

前台:[切记:每个表单元素, 都应该带有name, 否则是取不到的.] <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

jQuery获取表单各元素的值

radio值获取 $("input[type='radio']:checked").val(); 2,设置指定的项为当前选中项 $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项 <input type="text" name="textname" id="text_id" value="&quo

jquery】常用的jquery获取表单对象的属性与值

1 [jquery]常用的jquery获取表单对象的属性与值 2 3 4 1.JQuery的概念 5 6 7 8 9 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果. 10 11 12 2.JQuery实现了 代码的分离 13 14 不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 15 如: 16 $(function(){ 17 $("Ele

javascript获取表单值的7种方式

见代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单对象--获取表单值的7种方式</title> </head> <body> <form action="" name="myform"> <input type=

jquery获取和设置radio,check,select选项

select控件选项 1,获取select选中的value值 $("#selectID").val(); 2,获取select选中的text的值 $("#selectID").find("option:selected").text() 3,设置select的第几项为当前选中项 $("#selectID").attr("value",2);//设置第二项为当前选中项 4,添加option $("s

使用jquery获取父元素或父节点的方法

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href="#">jquery获取父元素&l

jquery获取父元素或父节点的方法

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href="#">jquery