/js/icheck.js"></script> 效果是这样的: ? 这些js和css在我的博客下载里面都是有的,可以自己找一下,下载好了以后是这样的 ?
iCheck插件,我就不详细介绍了,大家可以看官方的文档:http://www.bootcss.com/p/icheck/ radio单选框默认是选中后不能取消选中的,使用了iCheck插件后,如果在写 js去修改的话很麻烦,不过iCheck自带一个 ifClicked 事件,利用这个事件可以实现 单选框点击 选中和取消选中效果。 event){ if($(this).is(":checked")){ $(this).attr("checked",false); } $('input').iCheck ('update'); }); 取消某个input的iCheck效果,我就是记录一下,与上面无关。 $("#menu-btn").iCheck('destroy');
举个栗子:有一框也非常不错的插件–ICheck,当初的第一意愿就是用它,但是后来就发现问题了,首先你要在界面上引用ICheck的css样式和HTML: //CSS样式 <link href="your-path /square/color-scheme.css" rel="stylesheet"> <script src="your-path/jquery.<em>icheck</em>.js"></script> //HTML <input type="checkbox"> <input type="checkbox" checked> <input type="radio" name="<em>iCheck</em>"> <input type ="radio" name="<em>iCheck</em>" checked> 然后再js的首次加载事件中初始化: <script> $(document).ready(function(){ $('input') .iCheck({ checkboxClass: 'icheckbox_square', radioClass: 'iradio_square', increaseArea: '
<link rel="stylesheet" href="css/<em>icheck</em>-material.min.css" /> <link rel="stylesheet" href="css/<em>icheck</em>-material-custom.min.css <div class="icheck-material-teal"> <input type="checkbox" id="someCheckboxId" /> <label for=" <div class="icheck-material-teal"> <input type="radio" id="someRadioId1" name="someGroupName" />
"btn-group" id="payType"> <label class="radio-inline"> <input type="radio" class="<em>icheck</em> queryType"/>汇总 </label> <label class="radio-inline"> <input type="radio" class="<em>icheck</em>
<label class="radio-inline"> <input type="radio" class="<em>icheck</em> <label class="radio-inline"> <input type="radio" class="<em>icheck</em> <label class="radio-inline"> <input type="radio" class="<em>icheck</em> .select2").select2({ width: '100%' }); $('#settlementForm .icheck ').iCheck({ checkboxClass: 'icheckbox_square-blue checkbox', radioClass
"> <input type="radio" id="halfCourt" name="halfCourt" value="1" class="<em>icheck</em> 2"> <input type="radio" id="allCourt" name="halfCourt" value="0" class="<em>icheck</em> <div class="col-lg-3"> <input type="radio" class="<em>icheck</em> width: '100%' }); $('#reserveForm .<em>icheck</em> ').<em>iCheck</em>({ checkboxClass: 'icheckbox_square-blue checkbox',
static/css/plugins/fullcalendar/fullcalendar.print.css' Copying '/opt/jumpserver/apps/static/css/plugins/iCheck /custom.css' Copying '/opt/jumpserver/apps/static/css/plugins/iCheck/green.png' Copying '/opt/jumpserver /apps/static/css/plugins/iCheck/green@2x.png' Copying '/opt/jumpserver/apps/static/css/plugins/images
void CreateToken(const ExprNode* op, bool can_realloc) final { ICHECK(! void CreateToken(const ExprNode* op, bool can_realloc) final { ICHECK(! token_map_.count(op)); auto it = prototype_.find(op); ICHECK(it ! = nullptr) << "Cannot allocate memory symbolic tensor shape " << ttype->shape; ICHECK_GE(*pval, With<Target> target_scope(key->target); ICHECK(!
Chosen.htm chosen select2 http://select2.github.io/ checkbox radio插件:http://www.bootcss.com/p/icheck / iCheck 下拉多级菜单树 ztree http://www.ztree.me/v3/main.php#_zTreeInfo backgroundPosition 兼容插件 可用于视差效果
/js/icheck.js"></script> 这里的icheck.js是一个美化checkbox的插件,后期我会简单的介绍一下这个插件具体怎么用。
github.com/jboesch/Gritter i18next.js 应用国际化的js插件 https://github.com/i18next/i18next ---- 2017-11-01更新 iCheck.js jQuery和Zepto的checkbox和radio插件 http://icheck.fronteed.com/ idle-timer jquery监视用户活动的插件 https://github.com
inerface ICheck{ void check(arg ...); } class ACheck implements ICheck{ void check(arg ...) { //a的具体实现 } } class BCheck implements ICheck{ void check(arg ...){ //b的具体实现
增强复选框和单选按钮 http://www.bootcss.com/p/icheck/ 这个是几乎大家都会推荐的icheck组件,效果还不错。
5、checkbox的样式尽量不要自己修改,存在很多兼容性问题,尽量使用插件来改变样式,比如icheck
/apps/static/js/plugins/highcharts/themes/skies.js' Copying '/opt/jumpserver/apps/static/js/plugins/iCheck /icheck.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/jstree/jstree.min.js' Copying '/opt/jumpserver
stylesheet" /> <link th:href="@{/css/style.css}" rel="stylesheet" /> <link th:href="@{/css/plugins/<em>iCheck</em> -- <em>iCheck</em> --> <script th:src="@{/js/plugins/iCheck/icheck.min.js}"></script> <!
post(); } } $(function () { $('input[type=checkbox]').iCheck ("#chkCheckAll").on('ifToggled', function (e) { $("input[type=checkbox][name=ids]").iCheck
(oindex, nodes.size()); Node* onode = nodes[oindex]; ICHECK(onode ! = nullptr && dom_node->pattern == kElemWise) { ICHECK(dom_node->parent->gnode ! ICHECK(group_node->pattern == kCommReduce); } } } }; 不难发现当phase=0时只处理了kElemWise,kBroadcast src->extern_ref); visited_.clear(); ICHECK(src ! = nullptr) { ICHECK(parent->anchor_ref == nullptr); parent->anchor_ref = child->anchor_ref
iCheck 官网:iCheck Github:icheck 专为jQuery和Zepto做的高弹性定制化checkbox和radio按钮的插件。