复选框

示例图如下 样式什么的都不是问题，问题是当我实现select框显示关闭时碰到了问题。那么问题来了。点击上面输入框时显示和隐藏正常。那么点击外面空白区域怎么关闭。我之前用上了我的笨方法，就是给document绑定一个点击事件关闭这个下拉。然后给输入框和下拉框点击事件加个阻止冒泡事件。感觉为了实现这个效果用了这么多代码是在看着不舒服。 后面网上查看了高人的代码。思想是给document绑定一个点击事件，在回调函数返回一个事件对象event。用event.target获取点击事件源。然后判断这个点击事件源是否是这个输入框。如果是，则展开下拉框，否则关闭下拉框。具体代码如下 //下拉复选框 function hsMutileSelect(){ $(document).on('click',function(e){ var $el = $(e.target); var $warp = $el.closest('.check-select'); if(0 < $warp.length){ if($el.hasClass('txt')){ var $dropdown = $warp.find('ul'); if($dropdown.css('display') === "none"){ $dropdown.slideDown(100); }else{ $dropdown.slideUp(100)

背景: 1.表格结构绑定事件 <el-table v-loading="StepsListLoading" :data="StepsListData" border @row-click="StepsListRowClick" :show-header="hiddenTableHeader" > 2.定义复选框结构 <el-table-column> <template slot-scope="scope"> <el-checkbox v-model="StepsListData[scope.$index].tick">{{StepsListData[scope.$index].checkName}}</el-checkbox> </template> </el-table-column> 数组结构 3.定义事件,实现当前表格行点击以后复选框被选中,再点击一次的时候,复选框被取消 StepsListRowClick(row){ if(row.tick == false){ row.tick = true }else { row.tick = false } }, 来源： https://www.cnblogs.com/wuhefeng/p/11322448.html

解决方案：用数组作为复选框的name值，既给后边加个中括号【】 <form action="" method="post"> <input type="hidden" name="group_id" value="{$group_id}"> <volist name='pandas' id='panda'> <tr> <td>{$panda.generation_num}</td> <td><input type="checkbox" name="panda_id[]" value="{$panda.id}"></td> </tr> </volist> <tr> <td colspan="2" ><button type="submit" style="margin-left: 46%" >提交</button></td>> </tr> </form> 来源： https://blog.csdn.net/weixin_42165130/article/details/98872442

转载(正则表达式) 　　 一、 正则表达式 基础知识 　　我们先从简单的开始。假设你要搜索一个包含字符“cat”的字符串，搜索用的 正则表达式 就是“cat”。如果搜索对大小写不敏感，单词“catalog”、“Catherine”、“sophisticated”都可以匹配。也就是说： 　　 1.1句点符号 　　假设你在玩英文拼字游戏，想要找出三个字母的单词，而且这些单词必须以“t”字母开头，以“n”字母结束。另外，假设有一本英文字典，你可以用 正则表达式 搜索它的全部内容。要构造出这个 正则表达式 ，你可以使用一个通配符??句点符号“.”。这样，完整的表达式就是“t.n”，它匹配“tan”、“ten”、“tin”和“ton”，还匹配 “t#n”、“tpn”甚至“tn”，还有其他许多无意义的组合。这是因为句点符号匹配所有字符，包括空格、Tab字符甚至换行符： 　　 1.2方括号符号 　　为了解决句点符号匹配范围过于广泛这一问题，你可以在方括号（“[]”）里面指定看来有意义的字符。此时，只有方括号里面指定的字符才参与匹配。也就是说， 正则表达式 “t[aeio]n”只匹配“tan”、“Ten”、“tin”和“ton”。但“Toon”不匹配，因为在方括号之内你只能匹配单个字符： 　　 1.4表示匹配次数的符号 　　表一显示了表示匹配次数的符号

<button id="btn">全选</button> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/> <script> var btn=document.getElementById('btn'); var cbs=document.getElementsByTagName('input') btn.onclick = function () { for(var i= 0;i<cbs.length;i++){ cbs[i].checked=true; } } </script> 来源： https://blog.csdn.net/qq_42223447/article/details/98779782

$("input").attr("checked") == "checked" or "undefined" $("input").prop("checked") == true or false 　　这种可以 博客园找到一个沙雕博主骗人 骗我用这种 不可以 //$("input").prop("checked") //可以 if ($("#IsBuyGiveFund").prop("checked") == true) { $('#BuyGiveFundAmount').removeAttr("readonly"); } else { $('#BuyGiveFundAmount').val(""); $('#BuyGiveFundAmount').attr("readonly", "readonly"); } //不可以 //if ($("#IsBuyGiveFund").attr("checked") == true) //{ // $('#BuyGiveFundAmount').removeAttr("readonly"); //} //else //{ // $('#BuyGiveFundAmount').val(""); // $('#BuyGiveFundAmount').attr("readonly", "readonly"); //} 　　 来源： https:/