checkbox 实现互斥选择
生活随笔
收集整理的這篇文章主要介紹了
checkbox 实现互斥选择
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
// mutex 互斥 checkbox 互斥
/*
* 互斥的原理。找到需要互斥的所有的元素。賦值 checked=false; 然后單獨賦值 checked=true
* */
var mutexbox = (function(){
var _mutexbox = function(e){
// 每組互斥的元素擁有相同的name;
var attrname = $(e).attr("name");
var mutexlist = $(":checkbox[name=" attrname "]");
for (var i=0; i<mutexlist.length; i ){
$(mutexlist[i]).prop("checked",false);
}
$(e).prop("checked",true);
}
return {
mutexbox: _mutexbox
}
})();
這個方法的使用,是需要在 $("checkbox[name=attrname]").click()事件中加入的
更多專業前端知識,請上 【猿2048】www.mk2048.com
/*
* 互斥的原理。找到需要互斥的所有的元素。賦值 checked=false; 然后單獨賦值 checked=true
* */
var mutexbox = (function(){
var _mutexbox = function(e){
// 每組互斥的元素擁有相同的name;
var attrname = $(e).attr("name");
var mutexlist = $(":checkbox[name=" attrname "]");
for (var i=0; i<mutexlist.length; i ){
$(mutexlist[i]).prop("checked",false);
}
$(e).prop("checked",true);
}
return {
mutexbox: _mutexbox
}
})();
這個方法的使用,是需要在 $("checkbox[name=attrname]").click()事件中加入的
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的checkbox 实现互斥选择的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 山东省谷歌地球高程DEM等高线下载
- 下一篇: B2C购物车功能应该怎么设计,以及我的设