请教一个JavaScript的问题

各位大侠，，我刚毕业主要学的是SSH公司要用JAVASCRIPT请教各位大侠，，，，如果现在有四个checkbox如何使用一个控制其他三个了，，，比如一个选择，其他全选， 一个取消，，其他全部取消

解决方案 »

  1.   

    通过js动态控制checkbox 的checked属性的值
      

  2.   

    這個很簡單，在你控制其中一個，對他們分別都添加onclick事件，然后用JS來操作這幾個checkbox不就可以了嗎？
      

  3.   

    正好当做了一个，传一下，不过只适用于 IE，不能用于 FireFox 等其它浏览器。<html>
    <form id="form">
    <input type="checkbox" id="form_checkAll" onpropertychange="onCheckAllChange()" />
    <input type="checkbox" id="form_checkOne" />
    <input type="checkbox" id="form_checkOne" />
    <input type="checkbox" id="form_checkOne" />
    </form>
    <script>
    function onCheckAllChange(){
    if(form.form_checkOne.length){
    var index;
    for(index=0; index<form.form_checkOne.length; index++){
    form.form_checkOne[index].checked = form.form_checkAll.checked;
    }
    } else if("checkbox" == form.form_checkOne.type){
    form.form_checkOne.checked = form.form_checkAll.checked;
    }
    }
    </script>
    </html>
      

  4.   

    给那四个都定义一个id属性，给第一个添加一个Onclick事件，当第一个被选中的时候（check==TRUE），通过Document对象让其他三个也选中，当第一个不被选中的时候（check==FALSE），那么也通过Document让其他三个也不选中。
      

  5.   


    function checkAll()
    {
      var el = document.getElementsByTagName('input');
      var len = el.length;
      for(var i=0; i<len; i++)
       {
        el[i].checked = true;
        }
    }function clearAll()
    {
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for(var i=0; i<len; i++)
      {
         el[i].checked = false;
      }
    } <td><input type="checkbox" name="ck" id="ck" value="0" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }"/>全选</td>
      

  6.   


    //全选/反选
    function funcSelectAllFile(control){
    //alert("全选");
    if(control.checked){
    jQuery(":checkbox").attr("checked","true");
    }else{
    jQuery(":checkbox").removeAttr("checked");
    }
    }
      

  7.   


    全选/反选<input type="checkbox" style="cursor:pointer;" title="全选/反选" dir="全选/反选" onclick="funcSelectAllFile(this)">
      

  8.   

    <c:forEach items="${arit}" var="article" >
        <input type="checkbox" name="articleIds"  value="${article.id }">
    </c:forEach><input type="checkbox" name="all"  onclick="javascript:doall(this,this.form.articleIds)">全选function doall(allobject,items) {
    var state = allobject.checked;
    if(items.length){
    for(var i=0;i<items.length;i++){
         if(!items[i].disabled) items[i].checked=state;
         }
    }
    }
      

  9.   

    这个很简单就是在CheckBox的值改变事件里 判断一下设置一下其他的checkBox的Checked属性 就OK了