JS全選checkbox

時間 2019-11-20

原文原文鏈接

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>javascript選擇當前頁面全部checkbox 複選框代碼</title>
<script language="javascript">
function selectalls(state) 
{
    var inputs = document.getElementsByTagName("input");
        
    for(var i=0; i< inputs.length; i++)
    {
        if(inputs[i].type == "checkbox")
        {
            inputs[i].checked =state; 
        }
    }
}
</script>
</head>
<body>
    <form id="form1" name="form1" method="post" action="">
        <input type="checkbox" name="checkbox1" id="c1" />
        <input type="checkbox" name="checkbox2" id="c2" />
        <label for="checkbox"></label>
        <input type="text" name="textfield" id="textfield" />
        <input type="submit" name="button" id="button" value="按鈕" onclick="javascript:selectalls(true);" />
    </form>
    <label for="textfield"></label>
    <input type="button" name="button" id="button" value="按鈕" onclick="javascript:selectalls(true);" />

</body>
</html>

先後兩個按鈕均可以。參考：
http://www.cnblogs.com/star250/archive/2007/10/31/944206.htmljavascript

radio特殊一些，由於同名的radio有兩個按鈕，但又只能單選，因此必須根據它的value才能判斷是哪個（value不表明被選中）：php

function selectalls(state) 
{
    var inputs = document.getElementsByTagName("input");
        
    for(var i=0; i< inputs.length; i++)
    {
//        if (i<=7) alert(inputs[i].name + "    " + inputs[i].value + "    "+ inputs[i].checked);
        if ((inputs[i].type == "radio") && (inputs[i].value=='true'))
        {
            inputs[i].checked = state; 
        }
    }
}

<input type="button" name="button" id="button" value="<?php echo $ini_array['index.select.all']?>" onclick="javascript:selectalls(true);" />

相關標籤/搜索

checkbox

全選

recyclerview+checkbox

listview+checkbox

JS編程全解

checkbox+label+selector

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。