精华内容
下载资源
问答
  • jquery获取多个input元素属性值

    千次阅读 2018-11-23 11:50:34
    $(function(){ ...input[type='number']").each(function(index,item){ var name = $(this).attr("name"); //获取name值 var val = $(this).val(); //获取value值 }); }); 表示获取...
     $(function(){
        $("input[type='number']").each(function(index,item){
            var name = $(this).attr("name");    //获取name值
            var val = $(this).val();            //获取value值
        });
     });

    表示获取所有type="number"的input框元素

    展开全文
  • 闲言少叙,上代码: ...input type="number" name="num" value="1"/> <input type="number" name="num" value="2" />

    闲言少叙,上代码:

    <html>
        <body>
            <input type="number" name="num" value="1"/>
            <input type="number" name="num" value="2" />
            <input type="number" name="num" value="3" />
            <button onClick="getVal()">添加至列表</button>
        </body>
    </html>
    <script type="text/javascript" src="jquery.1.11.3.min.js" ></script>
    <script type="text/javascript">
        var getVal = function(){
            var numArr = new Array();
            $('input').each(function(){
                numArr.push($(this).val());//添加至数组
            });
            console.log(numArr);
        }
    </script>

    上述的核心为js中:
    通过jq获得你想要获取的input元素的数组,在通过循环将每个input元素的值获取到,最后把获取到的元素添加到数组中

    var numArr = new Array();
    $('input').each(function(){
        numArr.push($(this).val());//添加至数组
    });

    bingo。。。。。。。

    展开全文
  • <divclass="apps_container"> <inputtype="hidden"value="00070008" onclick="more(this);"/> <inputtype="hidden"value="100000001811"id="columId...

       

    • <div class="apps_container">  
    •    
    •         <input type="hidden" value="00070008"  οnclick="more(this);" />  
    •         <input type="hidden" value="100000001811" id="columId" />  
    •      
    • </div>  

     

     

    • <script>  
    •  function more(thisObj ){      
    •      var levelCode=$(thisObj).parent().next().children("ul").children("input").eq(0).val();      
    •      var menuI = $("#menuI").val();  
    •      var newInfo = $(thisObj).parent().prev().children("input").eq(0).val();  
    •       if(newInfo && newInfo=='1'){  
    •           menuI=1;   
    •       }  
    •      var columId=$(thisObj).parent().next().children("ul").children("input").eq(1).val();  
    •      url="/12580SchoolWap/article/getCmsModuleList.do?levelCode="+levelCode+"&columnID="+ columId+"&menuI="+menuI;  
    •     document.location=url;  
    • }  
    • </script>  

     

     

     

    • 当点击 <href="#" style="cursor: hand" οnclick="more(this);" class="fright mr15">更多</a>时,  
    • 在js的函数中想要获取隐藏域的值  
    • <input type="hidden" value="00070008" id="levelCode" />  
    • <input type="hidden" value="100000001811" id="columId" />  
    •   
    • οnclick="more(this);"这里的this 指的是当前dom元素  <a></a>标签  
    •   
    • 在js的函数function more(thisObj){...}中,  
    • 1.$(thisObj)获取<a></a>的jquery对象,  
    • 2.$(thisObj).parent(),获取到<a></a>的父对象<div class="sx_title">...</div>  
    • 3.$(thisObj).parent().next() 获取到<div class="apps_container">jquery对象  
    • 4.$(thisObj).parent().next().children("ul") 获取到<ul class="apps_list1_1">jquery对象  
    • 5.$(thisObj).parent().next().children("ul").children("input").eq(0)  
    • 获取到<ul class="apps_list1_1">下面的第一个<input>元素:<input type="hidden" value="00070008" id="levelCode" />  
    • 6.$(thisObj).parent().next().children("ul").children("input").eq(0).val();  
    • 获取到<input type="hidden" value="00070008" id="levelCode" />的value值 :00070008  
    • 7.$(thisObj).parent().next().children("ul").children("input").eq(1).val();  
    • 获取到<ul class="apps_list1_1">下面的第二个<input>元素,  
    • <input type="hidden" value="100000001811" id="columId" />的值:100000001811  
    • 8.$(thisObj).parent().prev()获取到<span></span>jquery对象  
    • 9.$(thisObj).parent().prev().html()获取到<span></span>的内容<input type="hidden" value="1" id="newInfo"></input>  
    • 10.$(thisObj).parent().prev().children("input").eq(0).val()获取  
    • <span></span>下面的第一个<input>的值,其实就一个<input>元素,即:1  

    转载于:https://www.cnblogs.com/Strugglehard/p/6672782.html

    展开全文
  • 主要介绍了jQuery多个input求和的实现方法,涉及jQuery获取input表单元素值及运算的相关技巧,需要的朋友可以参考下
  • 随着Jquery的作用越来越大,使用的朋友也越来越。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也...


    随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。

    Radio

    1.获取选中值,三种方法都可以:

    $('input:radio:checked').val();

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

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

    2.设置第一个Radio为选中值:

    $('input:radio:first').attr('checked', 'checked');

    或者

    $('input:radio:first').attr('checked', 'true');

    注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

    3.设置最后一个Radio为选中值:

    $('input:radio:last').attr('checked', 'checked');

    或者

    $('input:radio:last').attr('checked', 'true');

    4.根据索引值设置任意一个radio为选中值:

    $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

    或者

    $('input:radio').slice(1,2).attr('checked', 'true');

    5.根据Value值设置Radio为选中值

    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

    或者

    $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

    6.删除Value值为rd2的Radio

    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();

    7.删除第几个Radio

    $("input:radio").eq(索引值).remove();索引值=0,1,2....

    如删除第3个Radio:$("input:radio").eq(2).remove();

    8.遍历Radio

    $('input:radio').each(function(index,domEle){

    //写入代码

    });




    1. 获取选中项:

    获取选中项的Value值:

    $('select#sel option:selected').val();

    或者

    $('select#sel').find('option:selected').val();

    获取选中项的Text值:

    $('select#seloption:selected').text();

    或者

    $('select#sel').find('option:selected').text();

    2. 获取当前选中项的索引值:

    $('select#sel').get(0).selectedIndex;

    3. 获取当前option的最大索引值:

    $('select#sel option:last').attr("index")

    4. 获取DropdownList的长度:

    $('select#sel')[0].options.length;

    或者

    $('select#sel').get(0).options.length;

    5. 设置第一个option为选中值:

    $('select#sel option:first').attr('selected','true')

    或者

    $('select#sel')[0].selectedIndex = 0;

    6. 设置最后一个option为选中值:


    ===================================================================================================================jquery radio取值,checkbox取值,select取值,radio选中


    Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->获取一组radio被选中项的值
    var item = $('input[@name=items][@checked]').val();
    获取select被选中项的文本
    var item = $("select[@name=items] option[@selected]").text();
    select下拉框的第二个元素为当前选中值
    $('#select_id')[0].selectedIndex = 1;
    radio单选组的第二个元素为当前选中值
    $('input[@name=items]').get(1).checked = true;

    获取值:

    文本框,文本区域:$("#txt").attr("value");
    多选框checkbox:$("#checkbox_id").attr("value");
    单选组radio: $("input[@type=radio][@checked]").val();
    下拉框select: $('#sel').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").empty();//清空下拉框
    展开全文
  • http://www.jq22.com/jquery/jquery-3.3.1.js " > script > < body > < form method = " post " enctype = " multipart/form-data " > 早餐: < input type = " text " name = " goods " /> < br >...
  • jquery获取input值的多种方法

    千次阅读 2016-08-16 09:55:00
    radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′); radio的value = 'val'的元素为当前选中项:$('input[name=items] ...
  • 获取所有文本框 for ( var i = 0 ; i < txt.length; i ++ ) { numArr.push(txt.eq(i).val()); // 将文本框的值添加到数组中 } console.info(numArr); } script > body > html > 2. ...
  • 转自:http://www.cnblogs.com/myfjd/archive/2011/11/25/2263702.html获取选中的值获取一组radio被选中项的值var item = $(“input[@name=items]:checked”).val();获取select被选中项的文本var item = $("...
  • 一、背景       这几篇博客貌似我都是记在笔记本上超过一月了,...背景是要获取table标签里面的td下的input的对象,并修改它的onclick方法的传参。这问题难点就在于table表格很大...
  • js(全部兼容) 1、获取id: document.getElementById(“box”); 2、获取class类名: document.getElementsByClassName(“box”);...4、获取input里name值: document.getElementsByName(“box”) ...
  • jQuery实时监听获取input输入框的值,在我们日常web项目开发也常需要去实现这样的功能效果。为了作出即时动作去引导浏览者,以便提高网站的用户体验感。 下面我们就结合具体的代码示例,为大家介绍jQuery实时...
  • JQuery获取元素的N种方法

    千次阅读 2017-06-12 21:06:41
    一.根据标签属性或属性值获取 二.根据标签选择器以及父子节点获取指定元素
  • JavaWeb jsp页面 使用c:forEach 循环多个select下拉框,name相同获取被选中的值 jsp <c:forEach items="${studentList}" var="li"> <tr> <td style="display: none"><input name=...
  • jQuery获取input

    千次阅读 2014-06-19 20:53:16
    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected")....
  • Jquery 获取指定 table下 所有 type 'text' 的 input
  • //遍历获取input元素对象数组,绑定click事件 var len = $("input[type='file']").length; for(var i = 0; i &lt; len; i++){ $("input[type='file']").eq(i).click(function(){ $.....
  • 使用jQuery获取元素类型

    千次阅读 2020-07-22 17:01:55
    Is it possible, using jQuery, to find out the type of an element with jQuery? 是否可以使用jQuery通过jQuery
  • jquery根据name属性查找 ...$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素 $("i...
  • $("input[name=test]").map(function () { return this.value; }).get().join(",");
  • jQuery获取多种input值的方法

    千次阅读 2016-06-27 20:31:19
    转自:... 获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,val
  • 如何使用jQuery获取元素的ID?

    千次阅读 2019-12-09 14:03:07
    如果匹配的集合包含多个元素,则可以使用常规的 .each 迭代器 返回包含每个id的数组: var retval = [] $('selector').each(function(){ retval.push($(this).attr('id')) }) return retval 或者,如果您...
  • Jquery多种input操作方法集合

    千次阅读 2017-04-01 08:54:25
    获取input的checked值是否为true:第一种:if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾 –注:name即控件name属性,value即控件value属性第二种: 可以不指定属性值,...
  • Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID。
  • jquery根据name属性获取输入框input

    万次阅读 2018-04-17 14:43:31
    jQuery根据name属性获取输入框input值jquery根据name属性查找 $("div[id]") 选择所有含有id属性的div元素 $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素 $(&...
  • var inputobj = document.getElementById("fromvalue_id").getElementsByTagName("input");  var inputobj = document.getElementById("...原来用这方法,需要for循环次 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,802
精华内容 18,320
关键字:

jquery获取多个input元素