前端小知识积累

1. 常用隐藏编辑框的方法

方法1: onfocus=this.blur()

<input type="text" name="readonly" value="中国" onfocus=this.blur() >

方法2:readonly

<input type="text" name="readonly" value="中国" readonly="readonly" >

<input type="text" name="readonly" value="中国" readonly >

方法3: disabled

<input type="text" name="readonly" value="中国" disabled>

通过控制属性 $("#id").attr(...) 控制是否能编辑

特例：特殊编辑文本（如下拉菜单），不可使用以上控制（不可逆的）

处理方式： 给标签添加一个容器，通过控制容器的hide和show实现

如： <div id="readID">

<input type="text" name="readonly" value="中国" readonly="readonly" >

</div>

<div id="writeID" style="dispaly:none;">

<input id="cck" class="easyui-combobox" name="dept" style="width:200px;"

data-options="valueField:'id',textField:'text',data:getDataW()"/>

</div>

当编辑时writeID显示，只读readID显示，通过js控制，并且替换时要分别传值保证一致性

2.单选框

$('#showPassword').attr('checked')居然提示undefied

查了资料后 才发现 需要改为

$('#showPassword').prop('checked')

是否被选中事件为change事件

去掉选择：

$('#showPassword').removeProp('checked')

也可以：

$('#showPassword').prop({'checked'：true});

3.前端js获取 后端参数

jsp的js中： var = ${参数名称}

如果后端是从modelMap 中返回 则使用

jsp的js中： var ='${参数名称}'