C#.NET JS实现复选框的互斥效果,是指服务器控件,不是INPUT控件

JavaScript010

C#.NET JS实现复选框的互斥效果,是指服务器控件,不是INPUT控件,第1张

$(document).ready(function(){

    //获取到Checkbox控件,为控件绑定点击事件

    $("[name='checkList']").click(function(){

        change(this)

    })

})

function change(obj){

    //记录你点击的checkbox的选中状态

    var flg=obj.checked

    //然后循环

    foreach(var item in itemList){

        //判断哪个是你选中或取消选中的checkbox   obj为你点击的那个checkbox时传过来的对象

        if(item.value==obj.value){

            item.checked=flg

        }else{

            //不是当前点击的赋值相反的状态

            item.checked=!flg

        }

    }

}

用jquery

点击时触发一个函数。比如

<div id="divNum">

<div id="div1" onclick="changeColor(this.id)"></div>

<div id="div2" onclick="changeColor(this.id)"></div>

<div id="div3" onclick="changeColor(this.id)"></div>

</div>

将这些div放到一个大的div容器中。

function changeColor(id){

$("#divNum div").css("background-color","blue")//别的div变成蓝色

$("#"+id).css("background-color","red")//被点击的变成红色

}