如何用JavaScript或jQuery获取多个input且同一id的value值
 <span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">

上面的HTML代码是循环输出的,只是每个value的值不同,
我是想获取当前的时间戳,再分别与每个value值的时间戳相减,
得到结果输出到对应span标签。

请问JavaScript或jQuery的代码要怎么写?或HTML代码要怎样修改?

4个回答

id一样需要用属性选择器,不能用id选择器

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<span id="bar"></span>
<input id="end_time" type="hidden" value="1483027200">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1468944000">

<span id="bar"></span>
<input id="end_time" type="hidden" value="1466524800">
<script>
    var ts = new Date().getTime();
    $('input[id="end_time"]').each(function () {
        $(this).prev().html(ts-parseInt(this.value));
    });
</script>

id不能一样的,是class吧

你把id设成唯一的,每个input的id都不一样。再根据document.getElementById("id").value获得input的值

把id改为class,然后再用jquery的$('.className');来获取

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery根据id获取input文本框中输入的值为undefined

html代码 ``` <div class="form-group"> <label for="exampleInputName2">单据编号:</label> <input type="text" class="form-control" id="yield_code" placeholder=""> </div> ``` js代码 ``` //获取单据编号 .attr("value") var yieldCode=$("#yield_code").val(); ``` 这是完整的js ``` $("#btnImport").on("click", function(){ var formData = new FormData(); formData.append("file",$('#exampleInputFile')[0].files[0]);//封装文件 //获取单据编号 .attr("value") var yieldCode=$("#yield_code").val(); //获取核算期间 var yieldDate=$("#yieldDate").val(); //获取审核人 var auditor=$("#auditor").val(); //获取审核时间 var auditDate=$("#auditDate").val(); formData.append("yieldCode",yieldCode);//封装单据编号 formData.append("yieldDate",yieldDate);//封装核算区间 formData.append("auditor",auditor);//封装审核人 formData.append("auditDate",auditDate);//封装审核时间 alert(yieldCode); alert(yieldDate); alert(auditor); alert(auditDate); }) ``` 这是部分html代码 ``` <form class="" method="post" enctype="multipart/form-data"> <div class="form-head" style="display: flex; justify-content: space-around"> <div class="form-group"> <label for="exampleInputName2">单据编号:</label> <input type="text" class="form-control" value="aa"  id="yield_code" placeholder=""> </div> <div class="form-group"> <label for="exampleInputEmail2">核算期间:</label><input type="date" class="form-control" id="yieldDate" placeholder=""> </div> <!--<div class="layui-upload layui-inline layui-show-xs-block">--> <!--<button type="button" class="layui-btn layui-btn-normal" id="btnSelectFile">选择Excel</button>--> <!--<button type="button" class="layui-btn" id="btnImport">开始导入</button>--> <!--</div>--> <div class="form-main"> <div class="form-group" style="margin-bottom: 0"> <input type="file" id="exampleInputFile" name="file" value="" style="width: 180px; margin-bottom: 2px"> <span class="span" style="color: red;font-size: 14px;"> *必须指定 Excel文件! </span> </div> <div class="form-group" style="margin-bottom: 2px;"> <button type="button" id="btnImport">开始导入</button> </div> </div> </div> </form> ```

jquery获取input文本框的值

``` <html> <body> <form> <input type="text" id="test"> </form> <script type="text/javascript"> var a=$("#test").val(); alert(a); </script> </body> </html> ``` input无论输入什么alert都是空,当我把form删除后,alert可以弹出值了。只是为什么?

动态添加行 获取input的ID

<%@ page language="java" pageEncoding="gb2312"%> <%@ page import="java.util.Collection,java.util.Iterator"%> <%@ page import="dy.web.beans.NewsClass" %> <%@ page import="dy.web.mgr.NewsClassMgr" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSF 'addnews.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="FCKeditor/fckeditor.js"></script> <script type="text/javascript" src="FCKeditor/calendar/calendarShow.js"></script> <script src="./javascript/jquery.js" type="text/javascript"></script> <script src="./javascript/cookie.js" type="text/javascript"></script> <script language="javascript"> <!-- function go(i) { var temp =i; fPopUpCalendarDlg(temp); } --> </script> <script language="javascript" type="text/javascript"> <!-- function check_input(){ var topictest=document.addnewsfrom.Topic.value; var contenttest=document.addnewsfrom.contest.value; if(topictest==''){ alert('请输入新闻标题!'); return false; } } --> </script> </head> <body> <%!String attachfilename=""; %> <%[color=red]//后台传过来的参数[/color] attachfilename=(String)request.getAttribute("attachfilename"); System.out.println("接受到了"+attachfilename); if(attachfilename==null){ %> <script type="text/javascript"> alert("文件上传出错,请您重新上传!"); </script> <% }else{ %> <script type="text/javascript"> //要为输入框写入文件名 alert("到这来了1"); test('attachmentNum'); var temgetcook = getCookie('attachmentNum'); var affile=$('#attachmentFile'+temgetcook); var affilenametest =$('#attachmentNames'+temgetcook); alert("得到cookie的值是"+temgetcook); alert(affilenametest.val());//[color=red]在这里获得不了有效值为什么?[/color] alert("填充框"+affile.val()); alert("文件名测试二"+'<%=attachfilename%>'); </script> <% } %> <script type="text/javascript"> //上传附件 function uploadAttachment(n) { var af = $('#attachmentFile'+n); var affilename =$('#attachmentNames'+n); //检查是否选择了文件 if(af.val()=='') { alert('请选择要上传的文件'); return; } alert(af.val()); alert(affilename.val());//[color=red]在这里获得没有问题[/color] //将file移动至上传表单 $('#attachmentContent').empty(); $('#attachmentContent').append(af); //复制一个file放至原处 $('#afc'+n).append(af.clone().attr('value','')); //修改属性 af.attr('id',''); //其他表单 $('#attachmentNum').val(n); $('#attachmentForm').submit(); SetCookie ("attachmentNum",n); } </script> <form id="attachmentForm" action="servlet/UploadServlet" method="post" enctype="multipart/form-data" target="attachment_iframe" style="display:none;width:0px;height:0px;"> <span id="attachmentContent"></span> <input type="hidden" id="attachmentNum" name="attachmentNum" size="30"/> </form> <iframe name="attachment_iframe" frameborder="0" border="0" style="display:none;width:0px;height:0px;"></iframe> <form name="addnewsfrom" method="post" action="servlet/AddNewsServlet" onSubmit="return check_input()"> <font size="2"> <table width="100%" height="35" border="1" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="left"><font color="#ffffff"><b>当前位置:新闻管理 - 添加新闻</b></font><br></td> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align=center><br></td> <td width="20%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="right"> <input type="button" value="返回列表" onclick="window.location='servlet/NewsListServlet'"/> <input type="hidden" name="cid" value="4"/> </td> </tr> </table> <table width="100%" height="5" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="5"> </td> </tr> </table> <table width="100%" height="" border="1" cellpadding="0" cellspacing="0"><!--DWLayoutTable--> <tr id="topic"> <td width="13%" height="30" align="right" bgcolor="#FFFF8E"><font color="#FF0000">*</font>标题:</td> <td height="30" colspan="4"> <input name="Topic" type="text" id="Topic" size="70" maxlength="255" /> </td> </tr> <tr> <td width="13%" height="" align="right" bgcolor="#FFFF8E">附件:</td> <td height="30" colspan="4"> <table id="attachTable" border="0"> <tr> <td align="center"><input type="button" onclick="addAttachLine();" value="增加"/></td> <td align="center">附件名称</td> <td align="center">附件地址</td> <td align="center">附件上传</td> </tr> </table> <textarea id="attachTr" style="display:none"> <tr id="attachTr{0}"> <td align="center"><a onclick="$('#attachTr{0}').remove();" href="javascript:void(0);" class="pn-opt">删除</a></td> <td align="center"><input type="text" id="attachmentNames{0}" name="attachmentNames"/></td> <td align="center"><input type="text" id="attachmentPaths{0}" name="attachmentPaths"/></td> <td align="center"> <span id="afc{0}"><input type="file" id="attachmentFile{0}" name="attachmentFile" size="12" style="width:160px"/></span> <input type="button" value="上传" onclick="uploadAttachment({0});"/> <input type="hidden" id="attachmentFilenames{0}" name="attachmentFilenames"/> </td> </tr> </textarea> <script type="text/javascript"> var attachIndex = 2; var attachTpl = $.format($("#attachTr").val()); function addAttachLine() { $('#attachTable').append(attachTpl(attachIndex++)); } </script> </td> </tr> <tr> <td width="100%" height="40" align="center" colspan="4" bgcolor="#FF3333"> <input type="submit" value="提交" onclick="return confirm('是否确定提交?')"/> <input type="reset" value="重置"/> </td> </tr> </table> </font> </form> </body> </html> 在上面代码中在未上传之前可以获得所要的值,但是在长传之后就是在后台上传处理之后就无法再次获得input的值!高手们请进啦!

当input name=name[]时,jquery怎样获取它的所有值

<body> <?php $name=array("0"=>"aaa","1"=>"bbb","2"=>"ccc","3"=>"ddd","4"=>"eee","5"=>"fff"); for($i=0;$i<6;$i++){ ?> <input type="text" class="names" name="name[]" value="<?php echo $name[$i];?>" /> <?php } ?> <script type="text/javascript"> $(function(){ var name=$(".names").val(); console.log(name); }) </script> </body> <!--这样的话只有获取一个值,怎样获取他循环输出的5个值-->

jQuery 给input的value值赋值无效?

如图 点击div 是div中的html值赋值到input文本框中 但是没有效果\ ![图片说明](https://img-ask.csdn.net/upload/201901/22/1548128042_608233.jpg)![图片说明](https://img-ask.csdn.net/upload/201901/22/1548128049_776602.jpg) 代码如下 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script> <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){ //发送ajax $.post("${pageContext.request.contextPath}/kw","kwname="+$("#tid").val(),function(obj){ $("#did").html(""); if(obj!=null){ $(obj).each(function(){ $("#did").append("<div onmouseover='over(this)' onmouseout='out(this)' onclick='clickk(this)'>"+this+"</div>"); $("#did").show(); }) }else{ $("#did").hide(); } },"json") }) }) </script> </head> <body> <center> <div> <h1>搜索</h1> <div> <input type="text" name="kw" id="tid" value="a"><input type="button" value="点击搜索"> </div> <div id="did" style="border: 1px solid red;width: 171px;position:relative;left:-34px;display:none"></div> </div> </center> </body> <script type="text/javascript"> function over(obj){ $(obj).css("background-color","gray"); } function out(obj){ $(obj).css("background-color","white"); } function clickk(obj){ alert($(obj).html()); $("#tid").attr("value",$(this).html()); //$("#tid").attr("value",$(obj).html()); } </script> </html> ```

利用 javascript 无法获取html 中 input 的 value 值

``` html <form> <input class="mdui-textfield-input" id="U-psd" type="password" required/> <button class="mdui-btn mdui-btn-raised mdui-color-pink mdui-ripple" type="submit" onclick="logon()">登陆</button> <form> ``` 在 js 中: ``` javascript const userPassword = document.getElementById("U-psd"); function login() { let loginUser = new User(userEmail.value, userPassword.value); console.log(userEmail.value); } ``` 在 chrome 中设置的断点,命中时报空字符串错误。 > checkForm.js:32 Uncaught TypeError: Cannot read property 'value' of null 求大佬指导。

Jquery 获取选中的checkbox的值 怎么会是on??

Jquery 获取选中的checkbox的值 怎么会是on?? 我的Jquery 代码: var $areaId=$("input[type='checkbox'][name='chkName']:checked").map(function(){return $(this).val();}).get().join(","); html代码: <input type='checkbox' name='chkName' value='610101111'>城关区 <input type='checkbox' name='chkName' value='610101112'>城关区1 <input type='checkbox' name='chkName' value='610101113'>城关区2 <input type='checkbox' name='chkName' value='610101114'>城关区3 <input type='checkbox' name='chkName' value='610101115'>城关区4

获取触发事件的元素的 ID

<div class="post-text" itemprop="text"> <p>Is there any way to get the ID of the element that fires an event?</p> <p>I'm thinking something like:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="starterkit/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $("a").click(function () { var test = caller.id; alert(test.val()); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;form class="item" id="aaa"&gt; &lt;input class="title"&gt;&lt;/input&gt; &lt;/form&gt; &lt;form class="item" id="bbb"&gt; &lt;input class="title"&gt;&lt;/input&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Except of course that the var <code>test</code> should contain the id <code>"aaa"</code>, if the event is fired from the first form, and <code>"bbb"</code>, if the event is fired from the second form.</p> </div> <p>转载于:https://stackoverflow.com/questions/48239/getting-the-id-of-the-element-that-fired-an-event</p>

关于jquery 获取data属性值的问题

``` <ul class="pics"> <li><a id="img1" href="javascript:choose(1);" title="梦幻玫瑰套装" data-img="1.png">梦幻玫瑰套装</a></li> </ul> ``` ``` function choose(index){ var data=$(".pics li:eq("+index+") a").data("img"); alert(data); } ``` 为什么一直获取到undefined?求大神指导!

获取input标签输入字符串中字母和数字的个数

如何通过jQuery来获取input标签所输入字符串中字母和数字的个数呀,麻烦大神们指导下

jQuery获取下拉列表的时事件

<!doctype html> <html> <head> <meta charset="utf-8"> <title>select事件获取值</title> <script type="text/javascript" src="../jQuery/jquery-3.2.1.js"></script> <script type="text/javascript"> /*$("#sele").change(function() { var ss=$("#sele option:selected").val(); alert(ss); })*/ /*$("document").ready(function( e) { var ss=$("#sele option:selected").val(); alert(ss); });*/ /*$("#sele").change(function(){ var ss=$("#sele option:selected").val(); alert(ss); })*/ $("#sele").on('change', function() { var ss=$("#sele option:selected").val(); $("#seleValue").val(ss); }); </script> </head> <body> <select id="sele" name="sele"> <option value="nihao" selected="selected">你</option> <option value="hello">好</option> <option value="welcome">欢迎</option> </select> <input id="seleValue" type="text" /> </body> </html> 我想问下这里面为什么不执行change事件啊,上面那么多放例子$("document").ready(function( e) { var ss=$("#sele option:selected").val(); alert(ss);只有这个方法执行,请问为什么啊,请给个明白的答案,就是下拉列表选择,就触动函数,从而获取到选择的值

jquery如何获得一个动态创建的 $('#').append('')的ID?

各位大神们,请问在 $('#').append('')当中怎么设置动态的id,并且能够利用这个id获得相应的值, 从而能够比较不同id对应值得大小。部分代码如下 (要是能实现这个功能的话,小弟绝不吝啬): <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>如何获取动态id</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <script src="/jquery/jquery-1.11.1.min.js"></script> <script type="text/javascript"> var str=""; number=0; function next(){ var skill=$("#projectname").val(); str = str + skill+";&nbsp;&nbsp;"; $('#showdata').append('<label for="offer"><span style="color:#00003">'+skill+'</span></label>'); $('#showdata').append('<input class="number_showdata" id="showdataid'+number+'" type="text" name="offer" placeholder="得分"/>'); $("#inal").html(str); number++; } function weight(){ } $(document).ready(function(){ var len = $("#group span").size();//获取span标签的个数 var arr = []; for(var index = 0; index < len-1; index++){//创建一个数字数组 arr[index] = index; } $.each(arr, function(i){//循环得到不同的id的值 var idValue = $("#group span").eq(i).attr("id"); if(idValue != ''){ alert(idValue); } }); }); </script> </head> <body> <div data-role="page" id="yemian1"> <div data-role="header" data-theme="b"> <h1>页面1</h1> </div> <div data-role="content"> <div id="product_shift_out_{m}"> </div> <form action="" method="post" id="" > <label for="projectname">输入参加人的姓名:</label> <input type="text" name="projectname" id="projectname"/> <input data-theme="e" onclick="next()" type="reset" name="button" id="button" value="下一个" /> <a href="#yemian2" onclick="" data-role="button" data-theme="e">确认</a> <p>参加的人分别有:<span id="inal" style="color:#FF0033"></span></p> </form> </div> </div> <div data-role="page" id="yemian2"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面2</h1> </div> <div data-role="content"> <div id = "showdata"> <!-- 这里面显示所输入的数字(在方法next里输出显示的地方) --> </div> <a href="#yemian3" onclick="weight()" data-role="button" data-theme="e">确定</a> <input data-theme="e" type="reset" name="button" id="button" value="清除" /> </div> </div> <div data-role="page" id="yemian3"> <div data-role="header" data-theme="b"> <a href="#yemian1" data-role="button" data-icon="back" >返回</a> <h1>页面3</h1> </div> <div data-role="content"> <p>某某的分数最高,最高为:</p> <p>某某的分数最低,最低为:</p> </div> </div> </body> </html>

使用JQuery获取div中未选中复选框的值

<div class="post-text" itemprop="text"> <p>I'm trying to store the <code>values</code> from a set of unchecked <code>html</code> checkboxes. I understand that <code>JQuery</code> does not have an :unchecked selector so I must invert the :checked selector. I've done this and I am getting the values of the unchecked boxes as well as a number of other values such as <code>null</code> and <code>0</code>. I don't know where these are coming from. </p> <p>Here is my <code>HTML</code>:</p> <pre><code> &lt;div id="tag_results"&gt; &lt;ul&gt; &lt;li&gt; &lt;input type="checkbox" value="29" name="tag" checked=""&gt;&lt;/input&gt; Agriculture &lt;/li&gt; &lt;li&gt; &lt;input type="checkbox" value="30" name="tag" checked=""&gt;&lt;/input&gt; Angling &lt;/li&gt; &lt;li&gt; &lt;input type="checkbox" value="37" name="tag"&gt;&lt;/input&gt; Animals &lt;/li&gt; &lt;li&gt; &lt;input type="checkbox" value="54" name="tag" checked=""&gt;&lt;/input&gt; Arts &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>Here is my <code>JQuery</code>:</p> <pre><code> $('#saveBtn').click(function(e){ e.preventDefault(); //Get hidden field values and store in an Array $tagArray = []; $removeTags = []; //Get the Checked Tags and store in an Array(will be added) $('#tag_results :checked').each(function(){ $tagArray.push(this.value); }); //Get the Unchecked Tags and Store in an Array(will be removed) $('#tag_results :not(:checked)').each(function(){ $removeTags.push(this.value); }); console.log($removeTags); //Make Ajax request to the add_tags script and pass Array as parameter. When response recieved show dialog. //Pass the name, id and type of company with the array of tags to the save_tags.php script. $('#active_tags').load('pages/ajax/save_tags.php', {'removeTags': JSON.stringify($removeTags),'tags': JSON.stringify($tagArray) ,'name': $('#comp_name').val(), 'id': $('#comp_id').val(), 'type': $('#type').val() }, function(response, status, xhr){ }); }); </code></pre> <p>this is the result of <code>console.log</code>:</p> <pre><code>Array [ undefined, 0, 0, 0, "37", 0, "54" ] </code></pre> <p>This is the code I use to generate the <code>html</code> for the checkboxes:</p> <pre><code>$output = "&lt;ul&gt;"; if(mysql_num_rows($result) &gt; 0){//If results returned (tags found matching letter) so construct list while($row = mysql_fetch_array($result)){//while there are rows in the results array add a list item if(in_array($row['name'], $applied_tags)){ $output .= "&lt;li&gt;" .'&lt;input checked type="checkbox" name="tag" value="'.$row['id'].'"&gt;' .$row['name'] .'&lt;/li&gt;'.PHP_EOL; }else{ $output .= "&lt;li&gt;" .'&lt;input type="checkbox" name="tag" value="'.$row['id'].'"&gt;' .$row['name'] .'&lt;/li&gt;'.PHP_EOL; } } }else{//Else there was no matching tags so display an error message to the user. $output .= "&lt;li&gt;No Tags found beginning with the letter " . $letter . "&lt;/li&gt;"; } $output .= "&lt;/ul&gt;"; </code></pre> <p>Does anyone have any clue what could be causing this? Surely based on the above code the array should contain the values 37 and 54...</p> </div>

请各位大神帮助,怎样获取jquery ui 的日期空间datepicker所选择的时间

![页面的代码](https://img-ask.csdn.net/upload/201803/28/1522239635_637346.png) ![JS](https://img-ask.csdn.net/upload/201803/28/1522239850_183895.png) ![页面效果](https://img-ask.csdn.net/upload/201803/28/1522239691_240249.png) 想要获取到页面选择的日期,在后台进行传值,进行数据库查询

关于jquery 获取radio属性值的问题?

大家帮忙看下下面代码,为什么我不能正确获取radio的属性值,每次都是1 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <script language="javascript" src="jquery-1.4.2.js"></script> <style> .child { display:none; } input { width:20px; } </style> <script language="javascript"> $(function() { var checked = false; $('div label.parent').toggle(function() { $('div',$(this).parents('div')).css('display','block'); $('input',$(this).parents('div')).val('1'); $('span',$(this).parents('div')).html($('div.child input[type=radio]:checked',$(this).parents('div')).val()); checked=true; }, function() { $('div',$(this).parents('div')).hide(); $('input',$(this).parents('div')).val('0'); $('span',$(this).parents('div')).html('0元'); checked=false; }); }) </script> <title>成都小吃</title> </head> <body> <center><h1>成都小吃</h1></center><br/><br/> <form name="menu" method="post"> <div> <label class="parent">面类</label><input type="text" name="num" value="0"/><span>0元</span> <div class="child"> <label><input type="radio" name="nudel" id="nudel" value="6" checked="checked" />炸酱面</label> <label><input type="radio" name="nudel" id="nudel" value="7" />炒面</label> <label><input type="radio" name="nudel" id="nudel" value="5" />牛肉面</label> </div> </div> <div> <label class="parent">盖饭类</label><input type="text" name="num" value="0"/><span>0元</span> <div class="child"> <label><input type="radio" name="rice" value="9" checked="checked"/>宫保鸡丁</label> <label><input type="radio" name="rice" value="9"/>鱼香肉丝</label> <label><input type="radio" name="rice" value="8"/>尖椒土豆丝</label> </div> </div> </form> </body> </html>

如何从javascript中的jquery.chosen插件多选字段中获取值?

<div class="post-text" itemprop="text"> <p>Folks, Let's say that I am using the jquery.chosen plugin:</p> <pre><code>https://harvesthq.github.io/chosen/ </code></pre> <p>Let's also say that I've been able to dynamically populate a multiple select with values using javascript:</p> <pre><code>&lt;script type="text/javascript"&gt; function appendToChosen(id,value){ $('#stuff') .append($('&lt;option&gt;&lt;/option&gt;') .val(id) .attr('selected', 'selected') .html(value)).trigger('chosen:updated'); } &lt;/script&gt; </code></pre> <p>Where "id" is for a group id, and value is for a unique email address.</p> <p>BUT, I want to grab all of the selected option values that are populated in the multi-select in javascript, particularly for ajax stuff.</p> <p>Using something like:</p> <pre><code> function rule_add(id) { $("#stuff").trigger("chosen:updated"); var url = "scripts/script.php"; // the script where you handle the form input. $.ajax({ type: "POST", url: url, data: $("#idForm").serialize(),// serializes the form's elements. success: function(data) { } }); return false; } </code></pre> <p>Where the multi-select data is in the form ends up getting posted as:</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>group_list[] 19</p> <p>Where the "19" shown above comes from the "id" variable for the group id. I want it to post the values of each which would end up being each separate email address. Any ideas?</p> <p>Thanks!</p> </div>

如何计算javascript / jquery中的单价和数量变化?

<div class="post-text" itemprop="text"> <p>I am having a small issue calculating price from Quantity in jQuery. Those are the input boxes I have.</p> <pre><code>&lt;html&gt; Quantity: &lt;input type="text" style="width: 50px;" name="quantity" id="quantity" class="txt" value="1" /&gt; Unit Price: &lt;input type="text" style="width: 50px;" name="item_price" id="item_price" class="txt" value="" /&gt; Amount: &lt;input type="text" style="width: 50px;" name="total_price" id="total_price" class="txt" value="" /&gt; &lt;/html&gt; </code></pre> <p>Here I will show my jQuery code.Quantity ; price and Amount value also changes.jQuery Code, but unable to find the problem?</p> <pre><code>&lt;script&gt; $('#quantity').click(function () { var number = $(this).val(); var o_val = $("#unit_pricea").val(); var op_val = number * o_val; $("#amounta").val(op_val); console.log(op_val); }); &lt;/script&gt; </code></pre> <p>Here I will share my screen shots.</p> <ol> <li>First image whenever I enter unit price amount filed not fill:</li> </ol> <p><a href="https://i.stack.imgur.com/BCCCi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BCCCi.jpg" alt="First image whenever i enter unit price amount filed not fill"></a></p> <ol start="2"> <li>Second image unit price can I change previous value of amount not change:</li> </ol> <p><a href="https://i.stack.imgur.com/6p0Eb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6p0Eb.jpg" alt="Second image unit price can i change previous value of amount not change"></a></p> <ol start="3"> <li>Quantity will be change amount not changed:</li> </ol> <p><a href="https://i.stack.imgur.com/O7U5d.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O7U5d.jpg" alt="Quantity will be change amount not changed "></a></p> </div>

从组合选择中获取价值,并使用jQuery和Laravel将结果显示到文本字段

<div class="post-text" itemprop="text"> <p>I'd like to display certain record from table according <code>combo/drop</code> selection in Laravel. I'm following instructions from this <a href="https://stackoverflow.com/questions/54120776/laravel-ajax-jquery-input-value-of-select-dropdown-to-textbox">thread</a> but still can not get it to work.</p> <p>Here is my view code and my jQuery script:</p> <p><strong>a. combo box</strong></p> <pre><code>&lt;select type="text" class="form-control" name="cde_mesg" id="cmb_mesg" required&gt; &lt;option value="0" disabled="true" selected="true"&gt; -- PICK MESSAGE-- &lt;/option&gt; @foreach($message as $messages) &lt;option value="{{ $messages-&gt;cde_mesg }}"&gt; {{ $messages-&gt;nme_customer }} &lt;/option&gt; @endforeach &lt;/select&gt; </code></pre> <p><strong>b. text field</strong></p> <pre><code>&lt;input type="text" name="ad1_contract" id="ad1_contract" class="form-control"&gt; </code></pre> <p><strong>c. jquery script</strong></p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function(){ $("#cmb_mesg").change(function(){ var x = $(this).val(); $("#ad1_contract").val(x); }); }); &lt;/script&gt; </code></pre> </div>

jQuery自动完成具有相同ID的多个输入

<div class="post-text" itemprop="text"> <p>I want to implement this autocomplete to my page: <a href="http://www.bewebdeveloper.com/tutorial-about-autocomplete-using-php-mysql-and-jquery" rel="nofollow noreferrer">http://www.bewebdeveloper.com/tutorial-about-autocomplete-using-php-mysql-and-jquery</a> and it works but in my case I use <code>clone()</code> function to copy all <code>&lt;li&gt;</code> elements like here: <a href="http://jsfiddle.net/x42c3anw" rel="nofollow noreferrer">http://jsfiddle.net/x42c3anw</a> When I have several inputs autocomplete works only for first input, how I can edit this function? :</p> <pre><code>function autocomplet() { var min_length = 0; // min caracters to display the autocomplete var keyword = $('#country_id').val(); if (keyword.length &gt;= min_length) { $.ajax({ url: 'ajax_refresh.php', type: 'POST', data: {keyword:keyword}, success:function(data){ $('#country_list_id').show(); $('#country_list_id').html(data); } }); } else { $('#country_list_id').hide(); } } // set_item : this function will be executed when we select an item function set_item(item) { // change input value $('#country_id').val(item); // hide proposition list $('#country_list_id').hide(); } </code></pre> <p>I undurstand this is because ID is not uniqe, is there possibility to add some increment to id or use class? If yes how I can do that?</p> </div>

在 JavaScript 对象数组中按 id 查找对象

<div class="post-text" itemprop="text"> <p>我有一个数组:</p> <pre><code>myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] </code></pre> <p>我无法改变数组的结构。我被传递了一个id 45,我想要得到数组中那个对象的id 'bar'。 </p> <p>如何在JavaScript或jQuery中做到这一点?</p> </div> <p>转载于:https://stackoverflow.com/questions/7364150/find-object-by-id-in-an-array-of-javascript-objects</p>

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐