插件窝 干货文章 jQuery通过input标签的name获取值

jQuery通过input标签的name获取值

jquery input name 1236    来源:插件窝    2019-11-12

jquery根据name属性查找


$("div[id]") 选择所有含有id属性的div元素 

$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 

$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 

$("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素 

$("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素 

$("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素

$("input[id][name$='keleyi']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素


根据name取值:  

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


根据id取值:  

$("#mobile_reg_form").html()  


根据name取值了遍历:  

$("input[name='mobile']").each(  
    function(){  
        alert($(this).val());  
    }  
)


取出form中的input:  

<script type="text/javascript" language="JavaScript" charset="UTF-8">    
    $(document).ready(function(){    
        var a=$("form input");    
        $.each(a,function(name,object){    
            alert(name+":"+$(object).val());    
            }    
        );    
    });    
</script>


得到值(多个的情况):  

$("input[name='mobile']")[0].value  

$("input[name='mobile']").get(1).value  



-----jquery添加删除样式--------  

给一个标签添加样式:  

$("#id").addClass("style");  


删除一个标签的样式:  

$("#id").removeClass("style");  


注:"#id"  id是对应标签的id,style是对应css样式的名称  

获取单选标签选中获得的值

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