你这个触及正常跟减弱和消失是不能同时选中多个的吧,如果是的,那你应该用radio,不应该用checkbox,然后给这个3个radio相同的name属性,然后js里用name来获取radio的值,对应的不同值,写不同的select禁用和启用就行
因为你这从逻辑上来说是有冲突的,比如说当checkbox1选中时,你再点击checkbox2想让它选中(checkbox1和checkbox3则取消选中),这时程序执行到第一个if判断,由于checkbox1是选中的,因此checkbox2和checkbox3就会被取消选中(即使checkbox2被点击的瞬间是选中的),那么后面的第二个和第三个if判断就无论如何也不会执行了。
其实你改用单选框不就好了吗?连一行代码都不用写。复选框顾名思义就是用来多选的,强制让它单选简直是反人类啊。
如果非要用复选框,那就这样:
<script type="text/javascript">
function check_count(id,me){
var checkbox1=documentgetElementById("bzy1_"+id);
var checkbox2=documentgetElementById("bzy2_"+id);
var checkbox3=documentgetElementById("shy_"+id);
if(mechecked){
checkbox1checked=checkbox1==me;
checkbox2checked=checkbox2==me;
checkbox3checked=checkbox3==me;
}
}
</script>
然后调用的时候要这样:
onclick="check_count('a',this);"
<!DOCTYPE html><html> <head> <meta >
其实很简单。 你绑定checkbox的那个字段应该是个bool值 。 你在行的双击事件里面获取点击的那一行的数据。就可以获取当前是否选中了。如果选中了,那个数据源的那个字段就是对应的true和false了。 如果要判断多个选中的话,就加一个单元格的change事件。每当值改变的时候就把那一行数据累加到一个list里面,最后判断那个list就行了。因为今天放假,家里电脑没装环境,没办法给你代码,如果有需要,星期一上班了再给你发个源码看看。
采用事件委托,在父元素上监听click事件,判断etarget,然后统一处理,简单实现代码如下:
<div id="wrap"><input type="text" id="txt1"/>
<input type="checkbox" id="ck1"/>
<input type="checkbox" id="ck2"/>
<input type="checkbox" id="ck3"/>
<input type="checkbox" id="ck4"/>
<input type="checkbox" id="ck5"/>
</div>
<script type="text/javascript">
var dom = documentgetElementById("wrap");
domaddEventListener("click",handler,false);
function handler(e){
var e = e || windowevent;
var target = etarget || esrcElement;
if(targetnodeNametoLowerCase()=="input"){
documentgetElementById("txt1")value = targetid;
}
}
</script>
//都是单击事件,判断选中状态调用不同结果
$("#checkbox的id")click(function(){
if($(this)attr("checked")==true){
//当前为选中状态
}else{
//当前为不选中状态
}
)};
CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。
CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。大多数应用程序的"设置"对话框内均有此控件。我们看到的可以打勾的就是CheckBox。
该控件表明一个特定的状态(即选项)是选定 (on,值为true) 还是清除 (off,值为false)。在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择。进行选项组合。
你的想法和你的代码有矛盾啊:
点击checkbox之后checkbox是选中状态的,再去执行li的onclick事件checkbox又回到了未选中状态,这是个死循环来的
var ckBtn=documentgetElementById("aaa");ckBtnonclick=function(){
select();//checkbox自带onclick事件,这里相当于执行了两次select()
}
//这就是:点击checkbox去执行li中的onclick事件
想要实现和li的onclick一样的效果,再执行一次select就行了
var ckBtn=documentgetElementById("aaa");ckBtnonclick=function(){
select();
select();
}
以上就是关于checkbox及select组合使用如何写点击事件全部的内容,包括:checkbox及select组合使用如何写点击事件、checkbox的单击事件没有反应,选中任意复选框,其他两个复选框就取消选中,但是为什么js没有反应、jq怎么获取checkbox选中状态改变事件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)