爱问知识人 爱问教育 医院库

JS JSP checkBox 全选具体实现

首页

JS+JSP checkBox 全选具体实现


        

提交回答
好评回答
  • 2023-03-05 19:30:00
    代码如下:
    <script>
    function func(){
    var options=document.getElementsByName("chkBox");
    for (var i=0;i<options.length;i++){
    if(!options[i].disabled){
    options[i].checked=true;
    }
    }
    }
    </script>
    <input type=checkbox name=chkBox value=1 disabled>
    <input type=checkbox name=chkBox value=1>
    <input type=checkbox name=chkBox value=1>
    <input type=checkbox name=chkBox value=1>
    <input type=button value="测 试" onclick="func()">

    用javascript吧。
    代码如下:
    <html>
    <body>
    <script>
    function kk(){
    var handleEl = document.getElementById("kkHandler");
    var els = document.getElementsByName("kk");
    for(i=0;i<els.length;i++){
    els[i].checked = handleEl.checked;
    }

    }
    </script>
    <input type=checkbox onclick="kk()" name="kkHandler">全选<br>
    <input type=checkbox name="kk">
    <input type=checkbox name="kk">
    </body>
    </html>

    2:
    代码如下:
    <form name="form" ID="Form1">
    <input type="checkbox" name="id" value="" ID="Checkbox1">1
    <input type="checkbox" name="id" value="" ID="Checkbox2">2
    <input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect
    </form>
    <script>
    function selectAll()
    {
    if(!document.form.id.length){
    if(document.form.chose.checked){
    document.form.id.checked=true;
    }
    else{
    document.form.id.checked=false;
    }
    }
    else{
    for(var i=0;i<document.form.id.length;i++){
    if(document.form.chose.checked){
    document.form.id[i].checked=true;
    }
    else{
    document.form.id[i].checked=false;
    }
    }
    }
    }
    </script>

    3:
    代码如下:
    <input type='checkbox' name='info' value='a'>
    <input type='checkbox' name='info' value='b'>
    <input type='checkbox' name='info' value='c'>
    <input type='checkbox' name='info' value='d'>
    <input type='checkbox' name='info' value='e'><br>
    <input type='button' value =' 全选 'onclick='check_all();'>
    <script>
    function check_all(){
    arr = document.getElementsByName('info');
    for(i=0;i<arr.length;i++){
    arr[i].checked = true;
    }
    }
    </script>

    隐***

    2023-03-05 19:30:00

类似问题

换一换

相关推荐

正在加载...
最新问答 推荐信息 热门专题 热点推荐
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200

热点检索

  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
返回
顶部
帮助 意见
反馈

确定举报此问题

举报原因(必选):