table中的复选框勾选获取行数问题

图片说明图片说明

点击图片中左侧的复选框获取不到当前行的数据,哪位大神知道该怎么获取呢?

1个回答

可以尝试给父节点标签name 属性,属性值为需要的数据,然后通过标签的ID去获取name 属性的值(也可以通过target去找父节点)。如果是复杂的数据只要把索引给父节点name通,过索引查找数据即可

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
开发类似django admin actions功能时,复选框勾选提交后没有反应,代码完全照葫芦挖瓢抄的
<form action="" method="post" onsubmit="return ActionSubmit(this)">{% csrf_token %} <div class="col-lg-2" style="margin-left: 15px"> <select id="action_list" name="action" class="form-control"> <option value="">--------</option> {% for action in model_obj.actions %} <option value="{{ action }}">{{ action }}</option> {% endfor %} </select> </div> <div class="col-lg-1"> <button type="button" class="btn" >Go</button> </div> </form> <thead> <tr> <th style="width: 35px" ><input type="checkbox" onclick="CheckAllToggle(this)"></th> {% for column in model_obj.list_display %} {% built_table_header_column column orderby_key %} {# <th><a href="?o={{ column }}">{{ column }}</a></th>#} {% endfor %} </tr> </thead> <tbody> <tr> {# {% get_query_sets model_obj as query_sets %}#} {% for obj in query_sets %} <tr> <td><input tag="obj_checkbox" type="checkbox" value="{{ obj.id }}"></td> {% built_table_row request obj model_obj %} </tr> {% endfor %} </tr> </tbody> <script> function CheckAllToggle(ele) { console.log($(ele).prop("checked")) if ($(ele).prop("checked")){ $("input[tag='obj_checkbox']").prop("checked", true); } else { $("input[tag='obj_checkbox']").prop("checked", false); } } function ActionSubmit(form_ele) { var selected_ids = []; $("input[tag='obj_checkbox']:checked").each(function () { selected_ids.push($(this).val()); }) var selected_action = $("#action_list").val(); {#console.log(selected_action)#} if (selected_ids.length==0){ alert("No object got selected!"); return } if (!selected_action){ alert("No action got selected!"); return } {# 有action,也选择了checkbox #} // 在form表单里添加一个隐藏的 input,并且带上参数selected_ids var selected_ids_ele = "<input name='selected_ids' type='hidden' value='" + selected_ids.toString() + "' >" $(form_ele).append(selected_ids_ele); return true } </script> ![图片说明](https://img-ask.csdn.net/upload/202002/25/1582565161_766516.png) ``` ```
h5页面拖动table时复选框checked会重叠的问题
先看页面 ![图片说明](https://img-ask.csdn.net/upload/201811/13/1542096631_304023.png) 只显示10条数据,右边不出现滚动条,勾选正常 当选择显示20条数据时: ![图片说明](https://img-ask.csdn.net/upload/201811/13/1542096744_743853.png) 此时滚动条没有滚动过,左边的勾选框checked勾选正常 当滚动滚动条时,此时异常就出现了: ![图片说明](https://img-ask.csdn.net/upload/201811/13/1542097002_519124.png) 鼠标放置的地方却根据滚动距离往上移动了,可能是滚动条滚动了。但是checkedbox复选框却没有跟着一起滚动,下面贴代码: ![图片说明](https://img-ask.csdn.net/upload/201811/13/1542097184_421518.png) 这是复选框的代码,是根据foreach中的List的数量自动循环的复选框,下面贴整个table的代码: ![![图片说明](https://img-ask.csdn.net/upload/201811/13/1542097678_155407.png)! 图2 ![图片说明](https://img-ask.csdn.net/upload/201811/13/1542097904_532370.png) 图3
表格用的是bootstrap table,导出插件用的是tableexport.js。希望导出table中勾选的内容。
表格用的是bootstrap table,导出插件用的是tableexport.js,问题来了,现在html页面点击下载,可以导出当前页面表格中所有内容,但是想要勾选复选框,下载指定的记录。另外我选择全选的复选框后,希望把所有页的数据都导出到Excel表。 前端html的按钮: ``` <div class="col-md-12"> <div class="btn-toolbar pull-right"> <div class="btn-group"> <a class="btn btn-primary" @click="load"><i class="fa fa-search"></i>&nbsp;查询</a> <a class="btn btn-danger" @click="emptys"><i class="fa fa-times-rectangle"></i>&nbsp;清空</a> <a class="btn btn-primary" id="export"> <i class="fa fa-download"></i>&nbsp;下载 </a> </div> </div> ``` 效果如图: ![图片说明](https://img-ask.csdn.net/upload/201812/17/1545041487_766852.jpg) js的代码: ``` $("#export").click(function(){ var nowtime = new Date(); //导出 $("#dataGrid").tableExport({ formats: ["xlsx"], // (String[]), filetypes for the export fileName: nowtime, // (id, String), filename for the downloaded file // (Boolean), style buttons using bootstrap bootstrap: false, ignoreCols: [0,9], escape:"false", }); var btn = document.getElementsByTagName('button'); var btn2 = document.getElementsByTagName('caption'); // document.write(btn[0]); // btn[btn.length-2].style.display='none'; btn[btn.length-2].click(); btn2[0].innerHTML=""; }); ``` 现在想就导出勾了的记录: ![图片说明](https://img-ask.csdn.net/upload/201812/17/1545041630_324007.jpg) 求大家帮忙看看!
java 前端 后台 数据交互问题
1、首先从后台接到一个list<对象>,然后通过c:forEach遍历成一个table,其中需要每一条信息都有个复选框。 2、通过勾选复选框组成一个list<对象>提交到后台。 1我已经实现了,请问各位大神2该如何实现
如何整合弹窗中自己输入的值和复选框为数组用于传参
现有四个弹窗,要把弹窗中我输入的值和复选框勾选的东西整合成数组该怎么写 弹窗一: ``` var selactive = {}; var list=[] function showActiveDialog(thisObj,goodsid) { getLsActive(thisObj, 1, 0,goodsid); bootbox.dialog({ title: "选择活动", message: '<table class="table table-bordered table-striped" id="active_select">' + '<thead class="thin-border-bottom">' + '<tr>'+ '<th></th>'+ // '<th class="center"><label class="pos-rel"><input type="checkbox" id="chk" class="ace chk" /><span class="lbl"></span></label></td></th>' + '<th>ID</th>' + '<th>缩略图</th>' + '<th>活动名</th>' + '<th>开始时间</th>' + '<th>结束时间</th>' + '<th>选择规则</th>' + '</tr></thead><tbody></tbody><table>' + '<script>$(\'#active_select input[id="chk"]\').on(\'click\',function(){if($(this).is(\':checked\')){$(\'.chkItems\').each(function(){this.checked = true;});}else{$(\'.chkItems\').each(function (){this.checked = false;});}});</script>'+ '<ul id="pagination-active" class="pagination-sm"></ul>', buttons: { success: { label: "确定", className: "btn-sm btn-success", callback : function (){ var arr = [] for(var g=0;g<list.length;g++){ //if(list[g].selected=="selected"){ selactive["key_"+list[g]['al_id']]=[] if(list[g].selected=="selected" && list[g].rule.length){ for(var gs=0;gs<list[g].rule.length;gs++){ if(list[g]['rule'][gs].selectd=="selectd"){ selactive["key_"+list[g]['al_id']].push(list[g]['rule'][gs].id) } } } //} } //console.log(selactive) selactives=JSON.stringify(selactive); //console.log(selactives) $.ajax({ url: '/goods/addactive', type: 'POST', data: {activeids:selactives,id:goodsid}, dataType: 'json', error: function(e){ alert('没有权限或服务器连接失败!'); }, success: function(msgObj) { if (msgObj.ret== 1) { alert(msgObj.msg); }else if (msgObj.ret== 2){ alert(msgObj.msg); }else if (msgObj.ret== 3){ alert(msgObj.msg); } } }) } } } }); } ``` 弹窗2 ``` function getLsActive(thisObj, page, totalPages,goodsid) { // 获取当前选中ids var activeIds = []; $(document).find('.cate table:visible tbody tr').each(function() { //获取活动id,判断banner的tr类型为top,active的tr类型为active,通过 split方法得到id if($(this).attr('id').split('_')[0] == 'active' || $(this).attr('id').split('_')[0] == 'top') { var id = $(this).attr('id').split('_')[1]; activeIds.push(parseInt(id)); } }); $.ajax({ url: '/activity/lsajaxList', type: 'get', data: {p: page,id:goodsid}, dataType: 'json', success: function(res) { var activeHtml = ''; var rules=[]; if (res.ret == 1) { list = res.msg['list']; //console.log(list); for (var i in list) { var isChk =""; var rules=list[i].rule if(rules.length){ for(var g in rules){ if(rules[g].selectd=="selectd"){ list[i].selected="selected" isChk="checked" } } } activeHtml += '<tr>'; activeHtml += '<td class="center"><label class="pos-rel"><input name="chkitem" date-index="'+i+'" type="checkbox"'+isChk+' value="'+list[i].al_id+'" class="ace chkItems" /><span class="lbl"></span></label></td>'; activeHtml += '<td>'+list[i].al_id+'</td>'; activeHtml += '<td class="pic"><img src="'+list[i].pic+'" class="cateImg" /></td>'; activeHtml += '<td class="title">'+list[i].al_name+'</td>'; activeHtml += '<td class="starttime">'+list[i].starttime+'</td>'; activeHtml += '<td class="endtime">'+list[i].endtime+'</td>'; activeHtml += '<td class="setrule"><button type="button" date-index="'+i+'" class="btn btn-minier btn-inverse setActiveRule" date-key="key_'+list[i].al_id+'" date-id="'+list[i].al_id+'" date-ruleid="'+i+'">设置规则</button></td>'; activeHtml += '</tr>'; } $('#active_select tbody').html(activeHtml); totalPages = res.msg['totalPages']; $('#pagination-active').twbsPagination({ totalPages: totalPages, visiblePages: 8, first: '首页', prev: '上一页', next: '下一页', last: '尾页', onPageClick: function (event, page) { if (page >= 1) { getLsActive(thisObj, page, totalPages,goodsid); } } }); $('#active_select .setActiveRule').on('click', function() { var ruids=$(this).attr("date-ruleid"); var actid=$(this).attr("date-id"); var actkey=$(this).attr("date-key"); var actindex=$(this).attr("date-index"); rules=list[ruids].rule || [] var htmls='<tr>'; for(var ru=0;ru<rules.length;ru++){ if(rules[ru].selected=="selected"){ selActive.map((x,y)=>{ if(x==actkey){ if(selActive[x].length==0){ selActive[x].push(y) }else{ selActive[x].map((ys,yk)=>{ if(yk==rules[ru].id){ rules[ru].selected="selected" } }) } } }) } var isSelchk=rules[ru].selectd=="selectd"?"checked":""; htmls+='<tr>'; htmls+='<td class="center"><label class="pos-rel"><input name="chkruleitem" onChange="clickChildItem(this,'+actindex+','+ru+')" date-cindex="'+ru+'" data-index="'+actindex+'" data-keys="key_'+actid+'" type="checkbox"'+isSelchk+' value="'+rules[ru].id+'" class="ace chkruleitem" /><span class="lbl"></span></label></td>' htmls+='<td>'+rules[ru].id+'</td>' htmls+='<td>'+rules[ru].name+'</td>' htmls+= '<td class="setrule"><button type="button" onClick="setAttra(this,'+rules[ru].id+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; htmls+='<tr>'; } bootbox.dialog({ title: "规则选择", message: '<table class="table table-bordered table-striped" id="active_select2">' + '<thead class="thin-border-bottom">' + '<tr>'+ '<th></th>'+ '<th>规则ID</th>' + '<th>规则名称</th>' + '<th>规则类型</th>' + '</tr></thead><tbody>'+htmls+'</tbody><table>', buttons: { success: { label: "确定", className: "btn-sm btn-success" } } }); }) $('#active_select input[name="chkruleitem"]').on('change', function() { var nowrulval=$(this).val() var dindex=$(this).attr("data-index") var cindex=$(this).attr("data-cindex") if($(this).is(':checked')){ list[dindex]['rule'][cindex].selectd='selectd'; }else{ list[dindex]['rule'][cindex].selectd=''; } }); $('#active_select input[name="chkitem"]').on('change', function() { var dindex=$(this).attr("date-index") if($(this).is(':checked')){ list[dindex].selected="selected" }else{ list[dindex].selected="" } }); }else{ alert('响应超时,获取活动信息失败'); } }, error: function() { alert('响应超时,获取活动信息失败'); } }); } ``` 弹窗3 ``` function setAttra(Obj,attrid,goodsid){ //var attrid=$(this).attr("data-id") //let thatone=Obj //console.log(thatone) $.ajax({ url: '/activity/spajaxList', type: 'get', data: {aprid: attrid,id: goodsid}, dataType: 'json', success: function(res) { var html1=''; if(res.ret==1){ html1+='<tr>'; html1+='<td>'+'定价'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==2){ var name = 'zk_['+goodsid+']['+attrid+']' var resdisc = $('input[type="hidden"][name="'+name+'"]').val() ? $('input[type="hidden"][name="'+name+'"]').val() : res.disc ; html1+='<tr>'; html1+='<td>'+'折扣'+'</td>' html1+='<td><input type="text" name="'+name+'" value="'+resdisc+'" /></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==3){ html1+='<tr>'; html1+='<td>'+'满减'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==4){ html1+='<tr>'; html1+='<td>'+'满赠'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==5){ html1+='<tr>'; html1+='<td>'+'买赠'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==6){ html1+='<tr>'; html1+='<td>'+'满包邮'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; }else if(res.ret==7){ html1+='<tr>'; html1+='<td>'+'赠品领用'+'</td>' html1+='<td></td>' html1+='<td class="setrule"><button type="button" onClick="setAttr(this,'+res.ret+','+attrid+','+goodsid+')" class="btn btn-minier btn-inverse" >设置规格</button></td>'; html1+='<tr>'; } bootbox.dialog({ title: "规则类型", message: '<table class="table table-bordered table-striped attr_select3" id="active_select3">' + '<thead class="thin-border-bottom">' + '<tr>'+ '<th>规则类型</th>' + '<th>折扣</th>' + '<th>设置规格</th>' + '</tr></thead><tbody>'+html1+'</tbody><table>', buttons: { success: { label: "确定", className: "btn-sm btn-success", callback: function() { // 活动价 $('#active_select3 input[type="text"]:visible').each(function() { var name = $(this).prop('name'); $('input[name="'+name+'"]').remove(); if ($(this).val() == '') return; $('#goods_'+goodsid).prepend('<input type="hidden" name="'+name+'" value="'+$(this).val()+'" />'); }); } } } }); } }) } ``` 弹窗四 ``` function setAttr(obj,childType,attrid,goodsid){ let that=obj if(!start){return} start=false //childType=$(this).attr("data-ret"); $.ajax({ url: '/goods/ajaxRuleAttrs', type: 'post', data: {ruleId: 2, goodsId: goodsid}, dataType: 'json', success: function(res) { if (res.ret == 1) { // 仅定价和折扣显示活动价 // var childType = $('input[name="apr_child_type"]:checked').val(); var disRulePrice = (childType != 1 && childType != 2) ? 'hide' : ''; var disNums=childType==7?'':'hide' var attrHtml = ''; var list = res.msg; for (var i in list) { var item = list[i]; var name = 'id_['+goodsid+']['+attrid+']'; var numname = 'rule_['+goodsid+']['+attrid+']'; var limitnumname = 'rule[props_limit_num]['+goodsid+']['+attrid+']'; // 属性规格默认价格 var defaultVal = $('input[type="hidden"][name="'+name+'"]').val() ? $('input[type="hidden"][name="'+name+'"]').val() : ''; var defaultNumsVal = $('input[type="hidden"][name="'+numname+'"]').val() ? $('input[type="hidden"][name="'+numname+'"]').val() : ''; var defaultLimitNumsVal = $('input[type="hidden"][name="'+limitnumname+'"]').val() ? $('input[type="hidden"][name="'+limitnumname+'"]').val() : 0; // 是否默认选中 var isChk = ($('input[name="rule[props_ids]['+goodsid+']['+attrid+']"][value="'+item.k_attr_ids+'"]').length > 0) ? 'checked="checked"' : ''; attrHtml += '<tr>'; attrHtml += '<td class="center"><label class="pos-rel"><input name="rule[props_ids]['+goodsid+']['+attrid+']" type="checkbox" '+isChk+' value="'+item.k_attr_ids+'" class="ace chk-item"><span class="lbl"></span></label></td>'; attrHtml += '<td>'+item.k_attr_name+'</td>'; attrHtml += '<td>'+item.k_attr_price+'</td>'; attrHtml += '<td class="'+disRulePrice+'"><input type="text" name="'+name+'" value="'+defaultVal+'" /></td>'; attrHtml += '<td class="'+disNums+'"><input type="text" name="'+numname+'" value="'+defaultNumsVal+'" /></td>'; attrHtml += '<td class="'+disNums+'"><input type="text" name="'+limitnumname+'" value="'+defaultLimitNumsVal+'" /><br/>(为0购买数量不限)</td>'; attrHtml += '</tr>'; } } bootbox.dialog({ title: "设置规格 (填写活动价则为该规格参加活动)", message: '<table class="table table-bordered table-striped" id="props_select">' + '<thead class="thin-border-bottom">' + '<th></th>' + '<th>属性名</th>' + '<th>原价格</th>' + '<th class="'+disRulePrice+'">活动价</th>' + '<th class="'+disNums+'">发放数量</th>' + '<th class="'+disNums+'">限制单用户购买数量</th>' + '</tr></thead><tbody>'+attrHtml+'</tbody><table>', buttons: { success: { label: "确定", className: "btn-sm btn-success", callback: function() { // 复选框 $('#props_select input[type="checkbox"]').each(function() { var name = $(this).prop('name'); $('input[type="hidden"][name="'+name+'"][value="'+$(this).val()+'"]').remove(); console.log(name + '|' + $(this).prop('value')); if ($(this).val() == 'on') return; if ($(this).is(':checked')) { $('#goods_'+goodsid).prepend('<input type="hidden" name="'+name+'" value="'+$(this).val()+'" />'); } }); // 活动价 $('#props_select input[type="text"]:visible').each(function() { var name = $(this).prop('name'); $('input[name="'+name+'"]').remove(); if ($(this).val() == '') return; $('#goods_'+goodsid).prepend('<input type="hidden" name="'+name+'" value="'+$(this).val()+'" />'); }); start=true } } } }); start=true }, error: function() { alert('响应超时,获取规格信息失败'); start=true } }); } ```
Extjs grid双击一行时将第2列变为可编辑的文本框
才学的Extjs 版本用的4.2.1的自己写了个demo该怎么改才可以进行编辑?代码如下: var store = Ext.create('Ext.data.Store', { fields : ['numberid', 'id', 'name', 'typename', 'unitname','sum','pl','rk'], data : { items : [ { numberid : '1', id : 'WL-201608160001', name : '联想笔记本', typename : '52a-55', unitname:'台',sum:'12',sum:12 }, { numberid : '2', id : 'WL-201608160002', name : '戴尔笔记本', typename : '52s-55', unitname:'台',sum:'12',sum:12 }, { numberid : '3', id : 'WL-201608160003', name : '苹果笔记本', typename : '52f-55', unitname:'台',sum:'12',pl:"",rk:"" }, ] }, proxy : { type : 'memory', reader : { type : 'json', root : 'items' } } }); var pageToolbar=new Ext.create('Ext.panel.Panel', { height:28, items:[{ xtype: 'textfield', fieldLabel: '合计', inputId:"moneycount",//文本框id inputType:"Text",//input的类型 labelWidth :400,//lable宽度 inputWidth:70,//input宽度 style: { marginTop:"2px", marginLeft:"20px" } }] }); var datagrid=Ext.create('Ext.grid.Panel', { store : store, height:155, width:600, columnLines:true,//是否显示列之间的线条分割 sortable:true,//可以排序 selModel:{ //设置可以选中多行 injectCheckbox:1,//复选框出现的列 mode:"SIMPLE", checkOnly:false//是否只有复选按钮才能选中行 }, selType:"checkboxmodel",//设置复选按钮 autoScroll:true,//设置滚动条 viewConfig:{forceFit:false},//设置滚动条 columns : [ { text : '(栏号)', dataIndex : 'numberid',width: 200 }, { text : '物流编号', dataIndex : 'id', width: 200}, { text : '(物料名称)', dataIndex : 'name' ,width: 300}, { text : '规格型号', dataIndex : 'typename',width: 200 }, { text : '单位', dataIndex : 'unitname',width: 80 }, { text : '数量', dataIndex : 'sum',width: 80 }, { text : '批号', dataIndex : 'pl',width: 80 }, { text : '分录备注', dataIndex : 'rk',width: 80 } ], listeners: { /*click: { element: 'el', //bind to the underlying el property on the panel fn: function(){ alert('click el'); } },*/ dblclick: { element: 'body', //bind to the underlying body property on the panel fn: function(){ alert(Ext.getDom("text1").value); /*alert(Ext.getDom("text2").value); alert(Ext.getDom("text3").value); alert(Ext.getDom("text4").value);*/ //获取选中行 var selArr=datagrid.getSelectionModel().getSelection(); if (selArr && selArr.length>0) { for ( var int = 0; int < selArr.length; int++) { alert(selArr[int].get("id")+"--"+selArr[int].get("name")); } } //获取所有行 /*var selAll=datagrid.data.items; for ( var int = 0; int < selAll.length; int++) { alert(selAll[int].get("id")+"--"+selAll[int].get("name")); }*/ } } }, /* bbar:[{ type: 'button', text: 'Button 1' }],*/ fbar: [ { type: 'button', text: 'Button 1' } ] }); var rowEditing = Ext.create('Ext.grid.plugin.RowEditing',{ clicksToMoveEditor:2, autoCancel:false, listeners:{ beforeedit:function(){ //添加编辑前响应的事件 var rows = datagrid.getSelectionModel().getSelection(); //在编辑前获取选中的行 setTimeout(function(){ datagrid.getselectionModel().select(rows) },0); //延迟执行代码重新勾选编辑前选中的行 } } }); var tabpal=Ext.create('Ext.tab.Panel', { width: 600, height: 180, renderTo: document.body, style:{ marginTop:"80px" }, items: [{ title: '内容', items: [datagrid] }, { title: '备注', }] } ); Ext.onReady(function(){ Ext.create('Ext.window.Window', { title: '调拨单', maximizable:true, minimizable:true, height: 400, width: 600, layout: 'absolute',//布局样式--fit,table, items:[{ xtype: 'textfield', name: 'name12', fieldLabel: '调出仓库', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 inputId:"text1",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'10px', marginTop: '10px' } },{ xtype: 'datefield', name: 'datatime', fieldLabel: '单据日期', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 labelWidth :70,//lable宽度 inputId:"text2",//文本框id inputWidth:200,//input宽度 format: 'Y-m-d', style: { marginLeft:'300px', marginTop: '10px' } },{ xtype: 'textfield', name: 'name13', fieldLabel: '调入仓库', allowBlank: false, // 是否不必输入值 blankText:"请输入",//提示信息 inputId:"text3",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'10px', marginTop: '40px' } },{ xtype: 'textfield', name: 'name124', fieldLabel: '单据号码', allowBlank: false, // 是否不必输入值 inputId:"text4",//文本框id inputType:"Text",//input的类型 labelWidth :70,//lable宽度 inputWidth:200,//input宽度 style: { marginLeft:'300px', marginTop: '40px' } },tabpal] }).show(); });
getParameter()来获取“爱好”选项的值,验证“爱好”选项。
<body> <form action="zccg.jsp" method="post" name="Form1"> <table width="300" cellspacing="1" border="1"> <div > <tr height="80"><td align="center">注册页面 </td></tr> </div> <td>报名号: <lable ><input name="t1" type="text" size=12 />(*必填) </lable > <br /> 真实姓名: <lable ><input name="t2" type="text" size=9 />(*必填)</lable > <br /> 密码: <lable ><input name="t3" type="text" size=12 />(*必填)</lable > <br /> 学历: <select> <option value="1">本科</option> <option value="2">专科</option> </select> <br /> E - mail: <label ><input name="t4" type="text" size=15 />(*必填)</label > <br /> 爱好:<br /> <input name="s" type="checkbox" value= "xx" >运动 <label ><input name="s" type="checkbox" value="xx" />旅游 <input name="s" type="checkbox" value="xx" />服装 <br /> <input name="s" type="checkbox" value="xx" />阅读 <input name="s" type="checkbox" value="xx" />音乐 <input name="s" type="checkbox" value="xx" />购买 <br /> 如何知道本网站: <br /> <input type="radio" value="male" />自己看到 <input type="radio" value="female" />朋友推荐 <br /> 备注: <br /> <textarea rows="5" cols="40" align="cnter"> </textarea> </td> <tr> <td align="center"><input type="submit" value="注册" onclick="return yz();"/> <input type="reset" value="重置"/></td> </tr> </form> </table> </body> <% String z[] = request.getParameterValues("s"); %> <script laguage="javascript"> function yz(){ var t11=Form1.t1.value; var t22=Form1.t2.value; var t33=Form1.t3.value; var t44=Form1.t4.value; var x="<%=z%>"; if(t11=="") {alert("请输入报名号");Form1.t1.value;return false;} if(t22=="") {alert("请输入姓名");Form1.t2.value;return false;} if(t33=="") {alert("请输入密码");Form1.t3.value;return false;} if(t44=="") {alert("请输入邮箱");Form1.t4.value;return false;} if(x=="") {alert("请选择至少一个爱好");return false;} return true; } </script> 不管勾不勾选复选框返回值都会为true
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
C语言荣获2019年度最佳编程语言
关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang近日,TIOBE官方发布了2020年1月编程语言排行榜单。我在前面给过一篇文章《2019年11月C语言接近Ja...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
一份王者荣耀的英雄数据报告
咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章,从数据的获取到数据清洗,数据落地,都是为了本篇的铺垫。今天来实现一下,看看不同维度得到的结论。2环境准备本次实...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
​两年前不知如何编写代码的我,现在是一名人工智能工程师
全文共3526字,预计学习时长11分钟 图源:Unsplash 经常有小伙伴私信给小芯,我没有编程基础,不会写代码,如何进入AI行业呢?还能赶上AI浪潮吗? 任何时候努力都不算晚。 下面,小芯就给大家讲一个朋友的真实故事,希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。(下文以第一人称叙述) 图源:Unsplash 正如Elsa所说,职业转换是...
强烈推荐10本程序员必读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
作为一个程序员,内存的这些硬核知识你必须懂!
我们之前讲过CPU,也说了CPU和内存的那点事儿,今天咱就再来说说有关内存,作为一个程序员,你必须要懂的哪那些硬核知识! 大白话聊一聊,很重要! 先来大白话的跟大家聊一聊,我们这里说的内存啊,其实就是说的我们电脑里面的内存条,所以嘞,内存就是内存条,数据要放在这上面才能被cpu读取从而做运算,还有硬盘,就是电脑中的C盘啥的,一个程序需要运行的话需要向内存申请一块独立的内存空间,这个程序本身是存放在...
非典逼出了淘宝和京东,新冠病毒能够逼出什么?
loonggg读完需要5分钟速读仅需 2 分钟大家好,我是你们的校长。我知道大家在家里都憋坏了,大家可能相对于封闭在家里“坐月子”,更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
牛逼!一行代码居然能解决这么多曾经困扰我半天的算法题
春节假期这么长,干啥最好?当然是折腾一些算法题了,下面给大家讲几道一行代码就能解决的算法题,当然,我相信这些算法题你都做过,不过就算做过,也是可以看一看滴,毕竟,你当初大概率不是一行代码解决的。 学会了一行代码解决,以后遇到面试官问起的话,就可以装逼了。 一、2 的幂次方 问题描述:判断一个整数 n 是否为 2 的幂次方 对于这道题,常规操作是不断这把这个数除以 2,然后判断是否有余数,直到 ...
用前端5分钟写一个在线m3u8在线播放器
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X...
Spring框架|JdbcTemplate介绍
文章目录一、JdbcTemplate 概述二、创建对象的源码分析三、JdbcTemplate操作数据库 一、JdbcTemplate 概述 在之前的web学习中,学习了手动封装JDBCtemplate,其好处是通过(sql语句+参数)模板化了编程。而真正的JDBCtemplete类,是Spring框架为我们写好的。 它是 Spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单...
为什么说程序员做外包没前途?
之前做过不到3个月的外包,2020的第一天就被释放了,2019年还剩1天,我从外包公司离职了。我就谈谈我个人的看法吧。首先我们定义一下什么是有前途 稳定的工作环境 不错的收入 能够在项目中不断提升自己的技能(ps:非技术上的认知也算) 找下家的时候能找到一份工资更高的工作 如果你目前还年轻,但高不成低不就,只有外包offer,那请往下看。 外包公司你应该...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
终于!疫情之下,第一批企业没能熬住面临倒闭,员工被遣散,没能等来春暖花开!
先来看一个图: 这个春节,我同所有人一样,不仅密切关注这次新型肺炎,还同时关注行业趋势和企业。在家憋了半个月,我选择给自己看书充电。因为在疫情之后,行业竞争会更加加剧,必须做好未雨绸缪,时刻保持充电。 看了今年的情况,突然想到大佬往年经典语录: 马云:未来无业可就,无工可打,无商可务 李彦宏:人工智能时代,有些专业将被淘汰,还没毕业就失业 马化腾:未来3年将大洗牌,迎21世界以来最大失业潮 王...
昂,我24岁了
24岁的程序员,还在未来迷茫,不知道能不能买得起房子
立即提问