checkbox多选框实现单选效果
来源:互联网 发布:现在开淘宝店晚不晚 编辑:程序博客网 时间:2024/05/21 09:06
checkbox多选框实现单选效果
直接上代码:
页面代码如下:
<div id="oneInfo">
<table>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="10" ></td>
</tr>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="8" ></td>
</tr>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="4" ></td>
</tr>
</table
</div>
js代码如下:
$(document).ready(function(){
var vb=$("#oneInfo input[class='rjzfmj']");
vb.click(function(){
if(this.checked||this.checked=='checked'){
vb.removeAttr("checked");
$(this).attr("checked",true);
}
});
});
页面代码如下:
<div id="oneInfo">
<table>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="10" ></td>
</tr>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="8" ></td>
</tr>
<tr>
<td><input type="checkbox" class="rjzfmj" name="house" value="4" ></td>
</tr>
</table
</div>
js代码如下:
$(document).ready(function(){
var vb=$("#oneInfo input[class='rjzfmj']");
vb.click(function(){
if(this.checked||this.checked=='checked'){
vb.removeAttr("checked");
$(this).attr("checked",true);
}
});
});
0 0
- input:checkbox多选框实现单选效果
- checkbox多选框实现单选效果
- checkbox实现单选按钮效果
- checkbox 实现单选效果(html)
- 用CheckBox实现ListView单选效果
- ListView+CheckBox实现单选效果
- RecyclerView之CheckBox实现单选效果
- GridView实现checkbox效果(单选效果)
- ListView + CheckBox实现单选、多选效果
- 使用checkbox实现单选效果 (模拟radio)
- checkbox 实现单选
- checkbox 实现单选
- JS实现多选框CheckBox单选问题
- 控制CheckBox实现单选
- jquery checkbox 实现单选
- listview+checkbox实现单选
- checkbox实现单选功能
- checkbox实现单选功能
- 为C# as 类型转换及Assembly.LoadFrom埋坑!
- Laravel框架数据库CURD操作、连贯操作总结
- git命令push到服务器
- opencv中solvePnPRansac函数求解相机位姿
- ERROR 2003: Can't connect to MySQL server on 'localhost' (10061)
- checkbox多选框实现单选效果
- php mysql中文排序失效解决方法convert(name USING gbk)
- 时间问题
- Nim 游戏及其变形
- MySQL分页
- 点聚weboffice插件自定义菜单
- localStorage的理解和应用
- Storm消息可靠性的保障机制
- Intent传递值对象的两种方式:Serializable和Parcelable