HTML复选框checkbox全选问题




用jQuery获取checked的值不管我是否勾选都为checked,无法判断,如果不设置checked属性又一直未定义。如何根据一个CheckBox的值来判断其他CheckBox是否勾选。
function selall() {
var s = ($("checkall").attr("checked"));
alert(s);
if (){
$("input[name='checkp']").attr("checked",true);
}else {
$("input[name='checkp']").attr("checked",false);
}
}

1个回答

因为HTML代码中没有设置checked属性值,所以默认返回false,反之则返回true;若要在HTML中设置checkbox为选中状态则可以这样设置:
<input type="checkbox" name="box" checked="true">

function selall() {

var s = ($("#checkall").attr("checked"));       这里注意,你都checkbox里有id 就$("#checkall").attr("checked")   如果是class  就是$(".checkall").attr("checked")
_**
alert(s);
if (s){
$("input[name='checkp']").attr("checked",true);
}else {
$("input[name='checkp']").attr("checked",false);
}
}
qq_23126581
渊渟无迹静涛君 checkbox里有id 就$("#checkall").attr("checked") 如果是class 就是$(".checkall").attr("checked")回复qq_43620069: 还有
8 个月之前 回复
qq_23126581
渊渟无迹静涛君 回复qq_43620069: 在onchange事件里写方法。
8 个月之前 回复
qq_43620069
qq_43620069 checked值设置为true后弹出来的还是undefined的啊 怎么回事啊
8 个月之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 正解,可以采纳了。
8 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
怎么在函数判断条件中默认复选框被选中
有一个复选框 <input type="checkbox" id="mixPoint" name="property.payMode" value="2"/>话费支付<br> ![这个就是那个复选框](https://img-ask.csdn.net/upload/201707/07/1499420664_928292.png) 复选框中不用checked.而是要在script函数中做判断 如图: ![怎么在这个函数中做判断,不管有没有选中复选框都让他选中](https://img-ask.csdn.net/upload/201707/07/1499420315_211872.png)
ASP复选框勾选显示问题
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %> <!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 runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> 您的兴趣爱好</div> <asp:CheckBox ID="CheckBox1" runat="server" oncheckedchanged="CheckBox1_CheckedChanged" Text="钓鱼" /> <p> <asp:CheckBox ID="CheckBox2" runat="server" Text="养花" /> </p> <p> <asp:CheckBox ID="CheckBox3" runat="server" Text="读书" /> </p> <asp:CheckBox ID="CheckBox4" runat="server" Text="运动" /> <br /> <br /> <p> <asp:CheckBox ID="CheckBox5" runat="server" Text="是否允许别人看到" /> </p> <asp:Button ID="Button1" runat="server" Text="提交" /> </form> </body> </html> ![图片说明](https://img-ask.csdn.net/upload/201509/17/1442485596_380142.jpg) 代码运行之后显示如下图,问题就是勾选复选框之后,再按提交就不显示勾选项 ![图片说明](https://img-ask.csdn.net/upload/201509/17/1442485746_625308.jpg)
关于html代码中复选框的问题
各位大侠: 您好! 有这样两段代码: ``` 1.<input type="checkbox" name="hobby" value="a">篮球 <input type="checkbox" name="hobby" value="b">排球 <input type="checkbox" name="hobby" value="b">足球 2。<input type="checkbox" name="hobby[]" value="a">篮球 <input type="checkbox" name="hobby[]" value="b">排球 <input type="checkbox" name="hobby[]" value="b">足球 ``` 请问name属性值带[]和不带[]有什么区别?
求助大神,复选框判断是否被选中的问题
``` <html> <title>无标题文档</title> <script> function dosum(){ var a =document.getElementById('allbox'); if(a.checked==true){ document.getElementById('box1').checked =true; document.getElementById('box2').checked =true; document.getElementById('box3').checked =true; document.getElementById('box4').checked =true; document.getElementById('box5').checked =true; document.getElementById('box6').checked =true; document.getElementById('box7').checked =true; } function judgment(id){ var codition = document.getElementById(id).checked; if(codition==false){ document.getElementById('allbox').checked=false; } } } </script> </head> <body> <form> <input type="checkbox" id="allbox" onclick="dosum()"/> 全选 <br /> <br /> <input type="checkbox" name="box" id="box1" onclick="judgment(id)"/>酷睿i7处理器 <br /> 价格:<input type="text" id="text1" value="2700"/> <br /> <br /> <input type="checkbox" name="box" id="box2" onclick="judgment(id)"/>技嘉(GIGABYTE)B150M-D3H主板 <br /> 价格:<input type="text" id="text1" value="700"/> <br /> <br /> <input type="checkbox" name="box" id="box3" onclick="judgment(id)"/>安钛克(Antec)额定550W 模组电源 <br /> 价格:<input type="text" id="text1" value="520"/> <br /> <br /> <input type="checkbox" name="box" id="box4" onclick="judgment(id)"/>三星(SAMSUNG)C27F390FHC 27英寸 <br /> 价格:<input type="text" id="text1" value="1999"/> <br /> <br /> <input type="checkbox" name="box" id="box5" onclick="judgment(id)"/>金士顿 Fury系列 DDR4 8G 台式机内存 <br /> 价格:<input type="text" id="text1" value="799"/> <br /> <br /> <input type="checkbox" name="box" id="box6" onclick="judgment(id)"/>雷霆世纪 水冷游戏组装电脑 <br /> 价格:<input type="text" id="text1" value="6900"/> <br /> <br /> <input type="checkbox" name="box" id="box7" onclick="judgment(id)"/>安钛克(Antec)额定550W 模组电源 <br /> 价格:<input type="text" id="text1" value="500"/> <br /> <br /> 总价:<input type="text" id="alltext" /> </form> </body> </html> ``` 设定是说当下面的小复选框有一个不被选中的时候上面的全选对勾就消失了,可是并没有。。不知道是错在哪里了,求解答。。新人。。小白。。。
如何根据html复选框 来进行文件的批量下载功能
js代码如下 // JavaScript Document (function($) { $.fn.tableCheck = function(allCheckboxClass) { var allCheck = $(this).find("th").find(':checkbox'); var checks = $(this).find('td').find(':checkbox'); var defaults = { selectedRowClass: "active", } var settings = $.extend(defaults, allCheckboxClass); if (allCheckboxClass) settings.selectedRowClass = allCheckboxClass; $(this).find(":checkbox").prop("checked", false); allCheck.click(function() { var set = $(this).parents('table').find('td').find(':checkbox'); if ($(this).prop("checked")) { $.each(set, function(i, v) { $(v).prop("checked", true); $(v).parents('tr').addClass(settings.selectedRowClass); }); } else { $.each(set, function(i, v) { $(v).prop("checked", false); $(v).parents('tr').removeClass(settings.selectedRowClass); }); } }); checks.click(function(e) { e.stopPropagation(); var leng = $(this).parents("table").find('td').find(':checkbox:checked').length; if ($(this).prop('checked')) { $(this).parents('tr').addClass(settings.selectedRowClass); } else { $(this).parents('tr').removeClass(settings.selectedRowClass); } if (leng == checks.length) { allCheck.prop('checked', true); } else { allCheck.prop("checked", false); } }); $(this).find("td").click(function() { var _tr = $(this).parents('tr'); _tr.find(":checkbox").trigger("click"); }); } })(jQuery); 如何根据复选框的状态来进行文件的批量下载,希望大神指点
在<script>套用模板后,如何获取id="SelectAll"的复选框
我在.jsp页面写了如下代码: ``` <script id="listtemp" type="text/html"> <tr> <th><input type="checkbox" **id="SelectAll**" onclick="selectAll();"/></th> <th>id</th> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>操作</th> </tr> [% if(list.length>0){ for(var i=0;list[i];i++){%] <tr> <td> <input type='checkbox' name='ids' value='[%=list[i].id%]' onclick='setSelectAll();'/> </td> <td>[%=list[i].id%]</td> <td>[%=list[i].name%]</td> <td>[%=list[i].age%]</td> <td>[%=list[i].sex==="1"?"男":"女"%]</td> <td> <a href="<%=RD.get("demoUrl")%>doView?action=v_common&start=gotoUpdate&id=[%=list[i].id%]"><i class='icon-pencil'></i></a> <a name="del" href="javascript:;" data-id="[%=list[i].id %]"><i class='icon-remove'></i></a> </td> </tr> [% }%] <tr> <td colspan="7">[%=pagination(total,page,pageCount,pageFun)%]</td> <tr> [%}else{%] <tr> <td colspan="7"><div class="nocontext wu_xinx">您暂未添加User</div></td> </tr> [%}%] </script> ``` 现在我想要实现全选的效果,就是id为"SelectAll"的复选框按钮选中之后,下面的复选框都被选中,可是怎么获取id为"SelectAll"的复选框呢?? 我只会 var html = document.getElementById("listtemp").innerHTML; 但接下来怎么做就不知道了,求解,谢谢各位。
jQuery和Java的复选框问题
<p><img src="http://ww3.sinaimg.cn/mw600/a1012416gw1dr222ukh87j.jpg" alt="" width="600" height="202"></p> <div>请教一个问题:如何用jQuery获取左边那列“删除/批量”下选中的复选框,并在按“删除/批量”那个&lt;a&gt;&lt;/a&gt;标签后,把相关值提交到另一个页面去?求教!</div> <div>此页面相关代码如下:</div> <div> <pre name="code" class="html">&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %&gt; &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;My JSP 'process.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" content="no-cache"&gt; &lt;meta http-equiv="expires" content="0"&gt; &lt;meta http-equiv="keywords" content="keyword1,keyword2,keyword3"&gt; &lt;meta http-equiv="description" content="This is my page"&gt; &lt;!-- &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt; --&gt; &lt;script type="text/javascript" src="jquery-1.4.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;table width="745" border="1" cellspacing="0"&gt; &lt;!--表头标题行--&gt; &lt;tr&gt; &lt;td&gt;会员信息管理&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th width="84" scope="col"&gt;&lt;a href="manager.jsp"&gt;删除/批量&lt;/a&gt;&lt;/th&gt; &lt;th width="146" scope="col"&gt;会员编号&lt;/th&gt; &lt;th width="92" scope="col"&gt;会员姓名&lt;/th&gt; &lt;th width="52" scope="col"&gt;会员性别&lt;/th&gt; &lt;th width="58" scope="col"&gt;联系电话&lt;/th&gt; &lt;th width="220" scope="col"&gt;Email地址&lt;/th&gt; &lt;/tr&gt; &lt;c:forEach var="p" items="${requestScope.lst}"&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" name="chose" /&gt;&lt;/td&gt; &lt;td&gt;${p.userID}&lt;/td&gt; &lt;td&gt;${p.userName}&lt;/td&gt; &lt;td&gt;${p.userSex}&lt;/td&gt; &lt;td&gt;${p.userPhone}&lt;/td&gt; &lt;td&gt;${p.email}&lt;/td&gt; &lt;/tr&gt; &lt;/c:forEach&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</pre>  </div>
无法用jquery操作checkbox选中的问题
html代码如下 ``` <span class="easyui-checkbox" > <input id="abc" name="abc" type="checkbox" data-options="width: 180" value="1" > ``` 用的jquery操作选中 ``` $("#abc").attr("checked",true); ``` 在没有 <span class="easyui-checkbox" > 这行代码的时候能够操作成功。。 但是加上了 这个样式的代码之后jquery就没法通过id或者Name操作这个复选框了。。原因是什么?怎么解决应该?
为什么我的复选框跑到了文字的上面?
<tr> <td colspan="2"> <input type="checkbox" style="font-size: 50%; " > 我已看过并接受 <a href="#" target="_blank" style="vertical-align: middle;"> 《用户协议》 </a> </td> </tr>
checkbox在IE8中效果异常
请问大婶,大侠,我在IE8下写了一个复选框,方框外貌似多了一个大方框,请问谁知道什么原因,还请指点。。
下面这段代码,要将选中的复选框删除,但是为什么每次只能删除一半就退出??
<!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=utf-8" /> <title>右部显示区域</title> <script type="text/javascript"> // 当全选按钮被选中时,则下边所有复选框都被选中 window.onload = function(){ // 为删除按钮添加响应时间 document.getElementById("del").onclick = function(){ // 获取所有的复选框 var items = document.getElementsByName("items"); setTrId(items); var len = items.length; for(var i = 0;i < len; i++){ alert(len); alert(i); if(items[i] && items[i].checked == true){ var tr = document.getElementById("tr" + (i + 1)); //alert(tr.id); if(confirm("确定要删除该条记录吗?")){ tr.remove(); /*var items = document.getElementsByName("items"); setTrId(items);*/} } } } // 为每个tr的id赋值 function setTrId(items){ for(var i = 0;i < items.length; i++){ var tr = items[i].parentNode.parentNode.parentNode; tr.id = "tr" + (i + 1); } } } </script> <style type="text/css"> <!-- body { margin-left: 3px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; } .STYLE1 { color: #e1e2e3; font-size: 12px; } .STYLE1 a{ color:#EEE; text-decoration:none;} .STYLE6 {color: #000000; font-size: 12; } .STYLE10 {color: #000000; font-size: 12px; } .STYLE19 { color: #344b50; font-size: 12px; } .STYLE21 { font-size: 12px; color: #3b6375; } .STYLE22 { font-size: 12px; color: #295568; } .page a{ text-decoration:none;} .STYLE21 a{ text-decoration:none;} --> </style> </head> <body> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="tbl"> <tr> <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td> <td width="94%" valign="bottom"><span class="STYLE1"> 管理人员基本信息列表</span></td> </tr> </table></td> <td><div align="right"><span class="STYLE1"> <a href="addAdmin.html">添加</a> &nbsp;<button id="del">删除</button> &nbsp;</span><span class="STYLE1"> &nbsp;</span></div></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce"> <tr> <td width="4%" height="20" bgcolor="d3eaef" class="STYLE10"><div align="center"> <input type="checkbox" name="checkboxAll" id="checkboxAll" /> </div></td> <td width="10%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户名</span></div></td> <td width="15%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户角色</span></div></td> <td width="14%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">联系方式</span></div></td> <td width="16%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">IP地址</span></div></td> <td width="27%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">详细描述</span></div></td> <td width="14%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">基本操作</span></div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="items" id="checkbox9" /> </div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">admin</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE21"><a href="#">编辑/删除</a></span></div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="items" id="checkbox10" /> </div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">admin</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">系统管理员</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">13913612548</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">192.168.0.124</div></td> <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center">用户可以对系统的所有操作进行管理...</div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE21"><a href="#">编辑/删除</a></span></div></td> </tr> </table></td> </tr> <tr> <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="33%"><div align="left"><span class="STYLE22">&nbsp;&nbsp;&nbsp;&nbsp;共有<strong> 50 </strong> 条记录,当前第<strong> 1</strong> 页,共 <strong>5</strong> 页</span></div></td> <td width="67%"><table width="312" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="50" bgcolor="#DDDDDD"><div align="center" class="page"><a href="right.html">首页</a></div></td> <td width="60"><div align="center" class="page"><a href="right.html">上一页</a></div></td> <td width="60"><div align="center" class="page"><a href="right.html">下一页</a></div></td> <td width="50"><div align="center" class="page"><a href="right.html">末页</a></div></td> <td width="40" class="STYLE22"><div align="center">转到</div></td> <td width="25"><div align="center"> <input type="text" name="textfield" id="textfield" style="width:20px; height:12px; font-size:12px; border:solid 1px #7aaebd;"/> </div></td> <td width="22" class="STYLE22"><div align="center">页</div></td> <td width="45"><button id="qd">确定</button></td> </tr> </table></td> </tr> </table></td> </tr> </table> </body> </html>
如何整合弹窗中自己输入的值和复选框为数组用于传参
现有四个弹窗,要把弹窗中我输入的值和复选框勾选的东西整合成数组该怎么写 弹窗一: ``` 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 } }); } ```
怎么获取复选框所对应的这行数据,然后在jsp页面将其隐藏掉???
``` //删除功能 $(function(){ var del; $("#dell").click(function(){ $("input:checkbox:checked").each(function(index,element){ del = $("input:checkbox[name='chkItem']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(','); }) alert(del); $.ajax({ url:"http://localhost:8080/MESS/Q001_del_delete", type:"post", dataType:"json", data:{"proNo":del}, success:function(rs){ if(rs.status == 0){ alert(rs.msg); //为什么就是隐藏不了呢? $('#TQQ').hide()-----这个就是问题所在就是隐藏不了。。。。。 TSM_QPM_Q001(); }else{ alert(rs.msg); TSM_QPM_Q001(); } }, error:function(){ alert("删除加载失败 "); } }); }); }); ``` ``` //出现本页面数据就同步显示在表格中 $(function(){ TSM_QPM_Q001(); }); //进行一个函数的调用 function TSM_QPM_Q001(){ $.ajax({ url:"http://localhost:8080/MESS/getData", type:"get", datatype:"json", success:function(res){ var htmlStr =''; for(var i=0;i < res.length;i++){ var plo = res[i].proNo; //var wkStationNo = res[i].wkStationNo; htmlStr += '<tr id="myLine_'+res[i].proNo+'">'; htmlStr += '<td><input type="checkbox" id="TQQ" name="chkItem" value ="'+plo+'"></td>'; htmlStr += '<td>'+res[i].proNo+'</td>'; htmlStr += '<td>'+res[i].wkStationNo+'</td>'; htmlStr += '<td>'+res[i].stGrdNo+'</td>'; htmlStr += '<td>'+res[i].cItemName+'</td>'; htmlStr += '<td>'+res[i].cItemValue+'</td>'; htmlStr += '<td>'+res[i].wkGroup+'</td>'; htmlStr += '<td>'+res[i].wkShift+'</td>'; htmlStr += '<td>'+res[i].delFlage+'</td>'; htmlStr += '<td>'+res[i].c_memd+'</td>'; htmlStr += '<td>'+res[i].c_delsapman+'</td>'; htmlStr += '<td>'+res[i].cDelsapdate+'</td>'; htmlStr += '<td>'+res[i].cTimestamp+'</td>'; htmlStr += '<td>'+res[i].cSampleTime+'</td>'; htmlStr += '<td>'+res[i].cSw01+'</td>'; htmlStr += '<td>'+res[i].cMin+'</td>'; htmlStr += '<td>'+res[i].cMax+'</td>'; htmlStr += '<td>'+res[i].l_interval+'</td>'; htmlStr += '<td>'+res[i].r_interval+'</td>'; //htmlStr += '<a href="javascript:del('+res[i].id+')">删除</a>'; htmlStr += '</tr>'; } $("#myLine").html(htmlStr); }, error:function(){ alert("出错了!"); } }); } ``` 效果图如下: ![图片说明](https://img-ask.csdn.net/upload/201712/28/1514438430_383402.png) 现在的问题是怎么将图片中的复选框选中然后点删除按钮这条数据就消失了?其实就是隐藏。。后台数据都写好了。。就差这里怎么将选中的数据进行隐藏??
JQUERY如何实现长按图标后显示Checkbox?
目前项目是HTML5+CSS+JQUERY,JQUERY MOBILE中貌似是TABHOLD触发长按事件,我们假设屏幕下方有一排小图标,然后我怎么写能让小图标的右下角显示复选框呢?
jquery复选框里面的内容选定后 , 根据后台状态换掉相应选项的图片
1. 选中时触发 , 根据后台数据状态更换相应图片 2. 取消选中时 , 回到原始图片 ``` <body> <div class="AllLine">全线车站PA监控</div>x` <!--区域选择--> <div class="region"> <p class="case_text">区域选择</p> <div class="box"> <ul class="box-list clearfix"> <li> <div class="index">01</div> <div class="img"><img src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="01" value="七莘路站" />七莘路站</label> </li> <li> <div class="index">02</div> <div class="img"><img src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="02" value="虹莘路站" />虹莘路站</label> </li> <li> <div class="index">03</div> <div class="img"><img id="03" src="../static/imagess/pademo_grey.png" th:src="@{/imagess/pademo_grey.png}"></div> <label><input type="checkbox" name="station_name" id="03" value="03" />顾戴路站</label> </li> ``` 这个是部分html代码 ``` $('input[name="station_name"]').click(function() { if (this.checked) { $(this).siblings('.box').find('img').attr('src', '../static/imagess/pademo_blue.png'); } else { alert("hello"); } }); ``` 这个是我的jquery 代码 , 改了很多次总是不对 , 请大神帮忙看一下 , 万谢
Ajax使用-当选中职位类别时,它所对应的父岗位ID就会用复选框方式显示出来
控制器内: public ModelAndView addPosition() { Map<String, Object> map = new HashMap<String, Object>(); return new ModelAndView("admin/positionAdd",map); } public String savePosition(HttpServletRequest request) throws IOException { String post_type = request.getParameter("post_type"); String post_code = request.getParameter("post_code"); String post_name = request.getParameter("post_name"); String post_duties = request.getParameter("post_duties"); String parent_id = request.getParameter("parent_id"); String check_state = request.getParameter("check_state"); String check_note = request.getParameter("check_note"); String state = request.getParameter("state"); Position position = new Position(); position.setId(Common.returnUUID()); position.setPost_type(post_type); position.setPost_code(post_code); position.setPost_name(post_name); position.setPost_duties(post_duties); position.setParent_id(parent_id); position.setCheck_state(check_state); position.setCheck_note(check_note); position.setState(state); positionService.insert(position); return "redirect:positionList.do"; } @RequestMapping("admin/editPosition.do") public ModelAndView editPosition(ModelMap modelMap, String id) { Position position = (Position) positionService.selectByID(id); modelMap.put("p", position); return new ModelAndView("admin/positionEdit", modelMap); } public String editPosition(@ModelAttribute("Position") Position position) throws IOException { positionService.update(position); return "redirect:positionList.do"; } public String deletePosition(String id) { Position position = new Position(); position.setId(id); positionService.delete(position); return "redirect:positionList.do"; } public String positionList(HttpSession session, HttpServletRequest request,HttpServletResponse response) { String post_type = request.getParameter("post_type"); @SuppressWarnings("unchecked") List<Position> pList = this.positionService.selectList(post_type); StringBuffer sb= new StringBuffer(); sb.append("<tr id = 'select'>"); for (Position position : pList) { sb.append("<td> <input type='checkbox' id='position' name='position' value ='"+position.getPost_code()+"'>" +position.getPost_name()+ "</td>"); } sb.append("</tr>"); try { response.getWriter().println(sb.toString()); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; } JSP页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script> <title>添加企业岗位</title> <script type="text/javascript"> function changeCK() { var selectedValue = document.getElementById("post_type"); var selectedIndex = selectedValue.selectedIndex; var ajaxUrl = "duiying.do?post_type=" + selectedValue.options[selectedIndex].value; ajaxFunction(ajaxUrl); document.getElementById("scope").style.display = ""; } function getScope() { } function setVals() { var id = document.getElementsByName("position"); var value = ""; var name = ""; for(var i = 0; i < id.length; i++){ if(id[i].checked) value += id[i].value+","; name += id[i].text+","; } //alert(value); document.getElementById("parent_id").value = value;//"111,222"; document.getElementById("temp1").value = name;//"111,222"; document.getElementById("scope").style.display = "none"; } function ajaxFunction(url) { //考虑到不同浏览器的兼容性,所以做出判断。 var xmlHttp; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window.ActiveObject) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { } } } //监控和接受后台传的字符串 xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var result = xmlHttp.responseText; //document.getElementById("select").html(); //alert(result); $("#select").html(result); //select fenge(result); //"<p><input type='checkbox' id='checkbox' name='${ts.practice_code}' value='${ts.stu_code}' > ${ts.stu_name}+ ${ts.practice_code}</p>"; } }; xmlHttp.open("GET",url,false); xmlHttp.send(null); } //分割解析字符串。 function fenge(neirong) { } </script> </head> <body> <form name="form1" id="myform" method="post" action="doAddPosition.do"> <table border="0" width="400"> <tr> <td width="100">职位类别:</td> <td width="300"><select name="post_type" id="post_type" onChange="changeCK()"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> </tr> <tr> <td width="100">岗位编码:</td> <td width="300"><input type="text" name="post_code" /></td> </tr> <tr> <td width="100">岗位名称:</td> <td width="300"><input type="text" name="post_name" /></td> </tr> <tr> <td width="100">岗位职责:</td> <td width="300"><input type="text" name="post_duties" /></td> </tr> <tr> <td width="100">父岗位id:</td> <td width="300"><input type="text" name="parent_id" /></td> </tr> <tr> <td width="100">审核备注:</td> <td width="300"><input type="text" name="check_note" /></td> <tr> <td width="100">状态:</td> <td width="300"><select name="state" id="state"> <option value="1">有效</option> <option value="2">无效</option> </select> </td> </tr> </table> <div id="scope" style="display:none"> <table> <tr id = "select"><td>请选择</td></tr> </table> <button type="button" onClick="setVals()">确定</button> </div> <div style="margin-top:20px;"> <input type="submit" value="保存" />&nbsp;&nbsp;&nbsp;&nbsp; <button type="button" onclick="window.location='./positionList.do'">返回</button> </div> </form> </body> </html> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>修改企业岗位</title> <script language="javascript"> function changeBoxes(action) { var oForm = document.forms["myForm1"]; var oCheckBox = oForm.college; for(var i=0;i<oCheckBox.length;i++) //遍历每一个选项 if(action<0) //反选 oCheckBox[i].checked = !oCheckBox[i].checked; else //action为1是则全选,为0时则全不选 oCheckBox[i].checked = action; }</script> </head> <body> <form name="form1" method="post" action="doEditPosition.do"> <input type="hidden" name="id" name="id" value="${p.id}"> <table border="1" width="400"> <tr> <td width="100">职位类别:</td> <td width="300"><input type="text" name="post_type" value="${p.post_type}"> </td> </tr> <tr> <td width="100">岗位编码:</td> <td width="300"><input type="text" name="post_code" value="${p.post_code}"> </td> </tr> <tr> <td width="100">岗位名称:</td> <td width="300"><input type="text" name="post_name" value="${p.post_name}"> </td> </tr> <tr> <td width="100">岗位职责:</td> <td width="300"><input type="text" name="post_duties" value="${p.post_duties}" /> </td> </tr> <tr> <td width="100">父岗位id:</td> <td width="300"><input type="text" name="parent_id" value="${p.parent_id}" /> </td> </tr> <tr> <td width="100">审核备注:</td> <td width="300"><input type="text" name="check_note" value="${p.check_note}" /> </td> </tr> <tr> <td width="100">状态:</td> <td width="300"><input type="text" name="state" value="${p.state}" /> </td> </tr> </table> <div style="margin-top:20px;"> <input type="submit" value="保存" />&nbsp;&nbsp;&nbsp;&nbsp; <button type="button" onclick="window.location='./positionList.do'">返回</button> </div> </form> </body> </html>
下拉复选选择超过3个时让用户选择不了
1.我希望一个下拉复选,用户点击超过3个以后,其他几个不能再选择,在下拉复选框没有选上那个值。选上的只能再反选。 2. <!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> <title>jQuery MultiSelect Widget Demo</title> <link rel="stylesheet" type="text/css" href="jquery.multiselect.css" /> <link rel="stylesheet" type="text/css" href="jquery-ui.css" /> <script type="text/javascript" src="jquery.1.7.2.min.js"></script> <script type="text/javascript" src="jquery-ui.min.js"></script> <script type="text/javascript" src="jquery.multiselect.js"></script> <script type="text/javascript"> $(function(){ //这一段是网上下的,这个MultiSelect的设置 $("#e1").multiselect({ header: false, height: 200, minWidth: 200, selectedList: 10,//预设值最多显示10被选中项 hide: ["explode", 500], noneSelectedText: 'Please select an option', close: function(){ var values= $("#example").val(); $("#hfexample").val(values); } }); //这一段是网上下的,这个MultiSelect的设置 $("#e2").multiselect({ header: false, height: 200, minWidth: 200, selectedList: 10,//预设值最多显示10被选中项 hide: ["explode", 500], noneSelectedText: '请选择一个品种', close: function(){ var values= $("#example").val(); $("#hfexample").val(values); } }); }); </script> <script> var rateType; var rateTypeNum; var termType; var termTypeNum; var todw; var todc; var prew; var todwNum; var todcNum; var prewNum; function initialize(){ rateType = $("#span1 select").val(); termType = $("#span2 select").val(); todw = $("#checked1 select").val(); todc = $("#checked3 select").val(); prew = $("#checked2 select").val(); if(rateType){ rateTypeNum = rateType.length; }else{ rateTypeNum = 0; } if(termType){ termTypeNum = termType.length; }else{ termTypeNum = 0; } if(todw){ todwNum = 1; }else{ todwNum = 0; } if(todc){ todcNum = 1; }else{ todcNum = 0; } if(prew){ prewNum = 1; }else{ prewNum = 0; } } function change(){ //要求在这个函数里面写处理逻辑: /* 两个下拉复选组合是一个品种,每个复选框是一个种类,要求只能选择三种。 当已选三种的时候,已选的可以去掉勾选,没选的不能再选。如果再选,弹出提示:"666" */ console.log(111); //$('#e1 option:eq(1)').attr('selected','selected'); //$('#e1 option:eq(1)').prop('selected','selected'); //$("#span1 option:eq(3)").prop('disabled', 'disabled'); //$("#aa").prop('disabled', 'disabled'); } </script> <script> $(function(){ initialize(); change(); var ba = document.getElementById("aa"); ba.prop('disabled', 'disabled'); $("#span1 select").on("change", function(){ initialize(); change(); }); $("#span2 select").on("change", function(){ initialize(); change(); }); $("checkbox1").click(function(){ initialize(); change(); }); $("checkbox2").click(function(){ initialize(); change(); }); $("checkbox3").click(function(){ initialize(); change(); }); }); </script> </head> <body> <h2>Displaying options in a list</h2> <p> <span id="span1"> <select id="e1" name="example" multiple="multiple" style="width:400px"> <option value="option1">Option 1</option> <option value="option2" selected>Option 2</option> <option id="aa" value="option3">Option 3</option> <option value="option4">Option 4</option> <option value="option5" disabled="disabled">Option 5</option> <option value="option6">Option 6</option> <option value="option7">Option 7</option> </select> </span> <span id="span2"> <select id="e2" name="e2" multiple="multiple" style="width:400px"> <option value="optionA">Option A</option> <option value="optionB" selected>Option B</option> <option value="optionC">Option C</option> <option value="optionD">Option D</option> <option value="optionE">Option E</option> <option value="optionF">Option F</option> <option value="optionG">Option G</option> </select> </span> <div id="checkbox"> <input id="checkbox1" type="checkbox" checked value="今日加权"/>今日加权 <input id="checkbox2" type="checkbox" checked value="昨日加权"/>昨日加权 <input id="checkbox3" type="checkbox" checked value="今日实时"/>今日实时 </div> </p> </body> </html>
jquery获取动态生成的checkbox结点?
我从后台获得JSON类型的数据,放到动态生成的checkbox中,然后显示在页面指定的div中,部分代码如下: $.getJSON("../kyxm/getKyxmName_Kyxm.action",null,function(response){ var listHtml=''; //循环取json中的数据,并呈现在列表中 $.each(response,function(i){ listHtml += " <input type='checkbox'"; listHtml += " name=cr0"+i; listHtml += " id=cr0"+i; listHtml += " value="+response[i]; listHtml += " style=border:none;/>"; listHtml += "<label for=cr0"+i; listHtml += ">"+response[i]+"</label><br/>"; }); $("#selectSub").html(listHtml).css("text-align","left"); } ); <div id="selectSub"> </div> 但是好像在页面上获取不到生成的checkbox结点 比如:$("#selectSub :checkbox").click(function() { alert(123); } ); 当我选中动态生成的复选框时,没任何反应。怎样才能获得动态生成的checkbox的点击事件呢?期待解答哦~~~
我这种的情况用哪种树结构最好用
我要在HTML中做一个树形的结构每个节点前面还要有checkbox复选框 ,刚出来实习不知道用什么弄 这个项目是用bootstrap的需要引入其他jQ文件吗 类似图中显示 通过ajax取得一个json类型的值输入树形结构 网站上的好难懂 不知道选哪个![图片说明](https://img-ask.csdn.net/upload/201605/10/1462811308_360887.png)
相见恨晚的超实用网站
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
python 简易微信实现(注册登录+数据库存储+聊天+GUI+文件传输)
socket+tkinter详解+简易微信实现 历经多天的努力,查阅了许多大佬的博客后终于实现了一个简易的微信O(∩_∩)O~~ 简易数据库的实现 使用pands+CSV实现数据库框架搭建 import socket import threading from pandas import * import pymysql import csv # 创建DataFrame对象 # 存储用户数据的表(...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
JavaScript 为什么能活到现在?
作者 | 司徒正美 责编 |郭芮 出品 | CSDN(ID:CSDNnews) JavaScript能发展到现在的程度已经经历不少的坎坷,早产带来的某些缺陷是永久性的,因此浏览器才有禁用JavaScript的选项。甚至在jQuery时代有人问出这样的问题,jQuery与JavaScript哪个快?在Babel.js出来之前,发明一门全新的语言代码代替JavaScript...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
吐血推荐珍藏的Visual Studio Code插件
作为一名Java工程师,由于工作需要,最近一个月一直在写NodeJS,这种经历可以说是一部辛酸史了。好在有神器Visual Studio Code陪伴,让我的这段经历没有更加困难。眼看这段经历要告一段落了,今天就来给大家分享一下我常用的一些VSC的插件。 VSC的插件安装方法很简单,只需要点击左侧最下方的插件栏选项,然后就可以搜索你想要的插件了。 下面我们进入正题 Material Theme ...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
相关热词 c# 引用mysql c#动态加载非托管dll c# 两个表数据同步 c# 返回浮点json c# imap 链接状态 c# 漂亮字 c# 上取整 除法 c#substring c#中延时关闭 c#线段拖拉
立即提问