欢迎各位兄弟 发布技术文章
这里的技术是共享的
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。
概述
在页面设计时,我们经常使用input复选框。由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图片,另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单,但是需要预先设计或者下载图片,比较麻烦。纯css的方法,只需要在css文件中编写代码,个人觉得比较方便,因此,本文使用该方式对input中的CheckBox进行设置。
实现效果
本文在设计时,希望达到以下效果,如图所示,每个带颜色的方块都是有input框组成,每个input框的背景色不同,并且,再点击时,只能同时选中一个input框(实现效果相当于radio)。
实现步骤
1、单个input[type=checkbox]样式修改
在设计时,我们使用<lable>标签的for属性,绑定到input标签上(for属性应对应到input标签中的id)。在jsp代码中设计如下所示:
有checkBox复选框需求时,我们所用的框架样式不符合,所以需要自己写 对勾样式,当然用图片也OK。
效果图:
html:
<div class="msg-position c-bg-wt">
<p>推送岗位<i class="c-rd">*</i>
<i class="icon-span" :class="{'icon-span-select' : chkAllStatus, 'brand-btn': chkAllStatus, 'brand-b': chkAllStatus}" @click="chkAll"></i>
全部</p>
<div v-for="item in positions" class="msg-position-div hidden">
Chrome浏览器插件类目繁多,插件支持功能也比较强大,Chrome浏览器内的下载的插件往往也可以被其他浏览器支持。
chrome://apps/ 应用
chrome://restart/ 重启
chrome://extensions/ 扩展
chrome://version/ 各种路径
随着互联网的发展,新技术不断出现Flash开发公司终止了技术支持,谷歌浏览器最新版本88已经彻底不再支持flash了,导致一些老式的flash开发的网站无法正常显示,为了开启flash支持,目前我采用如下方式。
在
见 附件
javascript判断checkbox是否选中的方法:1、直接通过checkbox的checked属性判断。2、调用jQuery使用attr()或is()方法判断。
json.stringfy()将对象、数组转换成字符串
个人blog,欢迎关注加收藏
后台需要formData数据(表单数据):
“content-type”:“application/x-www-form-urlencoded”
传送的数据为普通的key:value数据,表单输入框提交的数据默认为此种,前端处理如下:
//main.js
//引入node.js中的qs模块
Vue.prototype.qs = require('qs')
//在vue组件的js中
login(){
let _this = this;
let api = '/api/login';
_this.user = {//用户信息
uphone:"",//用户账号或手机号
password:"",//登录密码
};
_this.axios.post(api,_this.qs.stringify(_this.user)).then(res=>{
https://zhuanlan.zhihu.com/p/96073958
https://jingyan.baidu.com/article/676629974aecc715d41b8426.html
https://zhidao.baidu.com/question/458749724496635805.html
; $Id: minnellizhu.info,v 1.7 2007/12/04 20:58:44 goba Exp $
name = My Minnelli zhu Two
description = Tableless, recolorable, multi-column, fixed width theme.
version = VERSION
core = 6.x
base theme = mygarlandzhutwo
stylesheets[all][] = minnelli.css
stylesheets[all][] = meijia.css
stylesheets[all][] = myminnerllizhutwo.css
stylesheets[all][] = task.css
stylesheets[all][] = yijianandjianyi.css
; Information added by drupal.org packaging script on 2010-12-15
version = "6.20"
核心默认主题改写建议
通过 hook_preprocess_block() 可以得到 建议文件的顺序
区块
基模板:block.tpl.php
block--[region|[module|--delta]].tpl.php
查找顺序:
block--module--delta.tpl.php
block--module.tpl.php
block--region.tpl.php
例子:block--block--1.tpl.php,block--sidebar_first.tpl.php,block--custom--my-block.tpl.php
我想问一下,可以创建一个输出 JSON 数据作为对 Jquery Ajax 请求的响应的页面吗?
checkbox没有readonly属性,如果使用disabled="disabled" 属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读:方式一:设置它的onclick="return false"
随着 vuejs 作者尤雨溪发布消息,不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解。本来想在网上找找详细攻略,突然发现,axios 的官方文档本身就非常详细!!有这个还要什么自行车!!所以推荐大家学习这种库,最好详细阅读其官方文档。大概翻译了一下 axios 的官方文档,相信大家只要吃透本文再加以实践,axios 就是小意思啦!!
如果您觉得本文对您有帮助,不妨点个赞或关注收藏一下,您的鼓励对我非常重要。