jsp页面checkbox框中值或事件的操作方式
来源:互联网 发布:软件项目阶段性汇报 编辑:程序博客网 时间:2024/05/21 17:47
1.进入页面默认选中一个框(例如全部框,其他框不选中),点击其他框时全部框不选中,其他框可以选中多个,但点击全部框时,其他框又都不选中
js实现方式
function selectApplyUserType(obj){
if(obj.id=="userTypeAll" && obj.checked==true){
for(var i=1;i<6;i++){
$("#userType"+i).attr("checked",false);
}
}else{
if(obj.id!="userTypeAll"){
$("#userTypeAll").attr("checked",false);
}
}
}
<div class="search_txt search_twid pull-left">适用用户类型:</div>
<div class="search_check pull-left">
<span>
<input id="userTypeAll" name="applyUserType" type="checkbox" value="1,2,3,4,5" checked="checked" onclick="selectApplyUserType(this);">
<label>全部</label>
</span> <span>
<input id="userType1" name="applyUserType" type="checkbox" value="1" onclick="selectApplyUserType(this);">
<label>司机</label>
</span> <span>
<input id="userType2" name="applyUserType" type="checkbox" value="2" onclick="selectApplyUserType(this);">
<label>个人货主</label>
</span><span>
<input id="userType3" name="applyUserType" type="checkbox" value="3" onclick="selectApplyUserType(this);">
<label>企业货主</label>
</span> <span>
<input id="userType4" name="applyUserType" type="checkbox" value="4" onclick="selectApplyUserType(this);">
<label>货运信息部</label>
</span> <span>
<input id="userType5" name="applyUserType" type="checkbox" value="5" onclick="selectApplyUserType(this);">
<label>物流公司</label>
</span>
</div>
阅读全文
0 0
- jsp页面checkbox框中值或事件的操作方式
- jsp页面input框中值或事件的操作方式
- jsp页面select框中值或事件操作方式
- jsp页面radio框中值操作方式
- jsp页面textarea框中值操作方式
- jsp页面checkbox全选或全部取消的代码
- jsp中获取action中值的方式
- jquery操作复选框(checkbox)的方式
- 关于jsp页面form标签里面的checkbox点击事件无效的原因之一
- jsp页面操作<td><span>标签中的值的方式
- html或jsp页面刷新验证码的js方式和jquery方式
- jsp页面的onclick事件
- jsp页面截取值操作方式
- Jsp页面的几种传参方式
- Jsp页面的几种传参方式
- Jsp页面的几种传参方式
- Jsp页面的几种传参方式
- jsp页面的跳转方式
- Protractor 环境搭建
- 【交通银行副行长 侯维栋】商业银行的科技发展趋势
- 创建双边偏置曲线(通过TOGGLE控件来控制是否保留原来的曲线)
- Calling Fortran function and subroutines from a C or C++ function
- 两个链表的第一个公共节点问题
- jsp页面checkbox框中值或事件的操作方式
- windows7及以上系统千万别用nginx做代理,性能不升反降
- 在tomcat下配置jdbc连接池
- HDU 1698 JUST A HOOK
- 没想到发表的第一个帖子是吐槽贴
- ajax异步请求 各项参数详解
- Ubuntu16.04中Android编译环境适配
- NYOJ-284坦克大战(优先队列)
- 离散题目4