`

checkbox2

读书旅游CacheJavaScript 
阅读更多
2009-06-24 yourgame (CTO)
Js代码
<script language="javascript">  
    function selectIt() {  
 
        form = document.lzyy  
 
        action = event.srcElement.name  
 
        for (var i = 0; i < form.elements.length; i++) {  
 
            if (form.elements[i].name == "checkbox") {  
 
                e = form.elements[i]  
 
                e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)  
                ////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。  
            }  
 
        }  
 
    }  
</script>  
<form name="lzyy">  
    <p class="STYLE1">  
        全 选  
        <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">  
        <br>  
        反 选  
        <input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">  
        <br>  
        Item1  
        <input type="checkbox" name="checkbox" value="checkbox">  
        <br>  
        Item2  
        <input type="checkbox" name="checkbox" value="checkbox">  
        <br>  
        Item3  
        <input type="checkbox" name="checkbox" value="checkbox">  
        <br>  
        Item4  
        <input type="checkbox" name="checkbox" value="checkbox">  
        <br>  
        Item5  
        <input type="checkbox" name="checkbox" value="checkbox">  
    </p>  
</form> 

<script language="javascript">
    function selectIt() {

        form = document.lzyy

        action = event.srcElement.name

        for (var i = 0; i < form.elements.length; i++) {

            if (form.elements[i].name == "checkbox") {

                e = form.elements[i]

                e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)
                ////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。
            }

        }

    }
</script>
<form name="lzyy">
    <p class="STYLE1">
        全 选
        <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">
        <br>
        反 选
        <input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">
        <br>
        Item1
        <input type="checkbox" name="checkbox" value="checkbox">
        <br>
        Item2
        <input type="checkbox" name="checkbox" value="checkbox">
        <br>
        Item3
        <input type="checkbox" name="checkbox" value="checkbox">
        <br>
        Item4
        <input type="checkbox" name="checkbox" value="checkbox">
        <br>
        Item5
        <input type="checkbox" name="checkbox" value="checkbox">
    </p>
</form>



Js代码
<html>  
      
    <head>  
        <script type="text/javascript">  
            function checkEvent(name, allCheckId) {  
                var allCk = document.getElementById(allCheckId);  
                if (allCk.checked == true) checkAll(name);  
                else checkAllNo(name);  
 
            }  
 
            //全选  
            function checkAll(name) {  
                var names = document.getElementsByName(name);  
                var len = names.length;  
                if (len > 0) {  
                    var i = 0;  
                    for (i = 0; i < len; i++)  
                    names[i].checked = true;  
 
                }  
            }  
 
            //全不选  
            function checkAllNo(name) {  
                var names = document.getElementsByName(name);  
                var len = names.length;  
                if (len > 0) {  
                    var i = 0;  
                    for (i = 0; i < len; i++)  
                    names[i].checked = false;  
                }  
            }  
 
            //反选  
            function reserveCheck(name) {  
                var names = document.getElementsByName(name);  
                var len = names.length;  
                if (len > 0) {  
                    var i = 0;  
                    for (i = 0; i < len; i++) {  
                        if (names[i].checked) names[i].checked = false;  
                        else names[i].checked = true;  
 
                    }  
                }  
 
            }  
        </script>  
    </head>  
      
    <body>  
        <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />  
        全选  
        <input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')" 
        />  
        反选  
        <br />  
        <input type="checkbox" name="ck" value="1" />  
        篮球  
        <br />  
        <input type="checkbox" name="ck" value="2" />  
        旅游  
        <br />  
        <input type="checkbox" name="ck" value="3" />  
        读书  
        <br />  
        <input type="checkbox" name="ck" value="4" />  
        美食  
        <br />  
        <input type="checkbox" name="ck" value="5" />  
        睡觉  
    </body>  
 
</html> 

<html>
   
    <head>
        <script type="text/javascript">
            function checkEvent(name, allCheckId) {
                var allCk = document.getElementById(allCheckId);
                if (allCk.checked == true) checkAll(name);
                else checkAllNo(name);

            }

            //全选
            function checkAll(name) {
                var names = document.getElementsByName(name);
                var len = names.length;
                if (len > 0) {
                    var i = 0;
                    for (i = 0; i < len; i++)
                    names[i].checked = true;

                }
            }

            //全不选
            function checkAllNo(name) {
                var names = document.getElementsByName(name);
                var len = names.length;
                if (len > 0) {
                    var i = 0;
                    for (i = 0; i < len; i++)
                    names[i].checked = false;
                }
            }

            //反选
            function reserveCheck(name) {
                var names = document.getElementsByName(name);
                var len = names.length;
                if (len > 0) {
                    var i = 0;
                    for (i = 0; i < len; i++) {
                        if (names[i].checked) names[i].checked = false;
                        else names[i].checked = true;

                    }
                }

            }
        </script>
    </head>
   
    <body>
        <input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />
        全选
        <input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"
        />
        反选
        <br />
        <input type="checkbox" name="ck" value="1" />
        篮球
        <br />
        <input type="checkbox" name="ck" value="2" />
        旅游
        <br />
        <input type="checkbox" name="ck" value="3" />
        读书
        <br />
        <input type="checkbox" name="ck" value="4" />
        美食
        <br />
        <input type="checkbox" name="ck" value="5" />
        睡觉
    </body>

</html>






Js代码
// 说明：Javascript 控制 CheckBox 的全选与取消全选  
function checkAll(name) {  
    var el = document.getElementsByTagName('input');  
    var len = el.length;  
    for (var i = 0; i < len; i++) {  
        if ((el[i].type == "checkbox") && (el[i].name == name)) {  
            el[i].checked = true;  
        }  
    }  
}  
function clearAll(name) {  
    var el = document.getElementsByTagName('input');  
    var len = el.length;  
    for (var i = 0; i < len; i++) {  
        if ((el[i].type == "checkbox") && (el[i].name == name)) {  
            el[i].checked = false;  
        }  
 
    }  
 
} 

// 说明：Javascript 控制 CheckBox 的全选与取消全选
function checkAll(name) {
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for (var i = 0; i < len; i++) {
        if ((el[i].type == "checkbox") && (el[i].name == name)) {
            el[i].checked = true;
        }
    }
}
function clearAll(name) {
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for (var i = 0; i < len; i++) {
        if ((el[i].type == "checkbox") && (el[i].name == name)) {
            el[i].checked = false;
        }

    }

}



Js代码
var checkFlag = true;　　　　  
function ChooseAll() {  
    if (checkFlag) {　　　　　　　　  
        var inputs = document.all.tags("INPUT");　　　　　　　　  
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　  
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {  
                inputs[i].checked = true;　　　　　　　　　　  
            }　　　　　　　　  
        }  
        checkFlag = false;　　　　　　  
    } else {　　　　　　　　  
        var inputs = document.all.tags("INPUT");　　　　　　　　  
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　  
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {  
                inputs[i].checked = false;　　　　　　　　　　  
            }　　　　　　　　  
        }  
        checkFlag = true;　　　　　　  
    }　　　　  
} 

var checkFlag = true;　　　　
function ChooseAll() {
    if (checkFlag) {　　　　　　　　
        var inputs = document.all.tags("INPUT");　　　　　　　　
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {
                inputs[i].checked = true;　　　　　　　　　　
            }　　　　　　　　
        }
        checkFlag = false;　　　　　　
    } else {　　　　　　　　
        var inputs = document.all.tags("INPUT");　　　　　　　　
        for (var i = 0; i < inputs.length; i++) {　　　　　　　　　　
            if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {
                inputs[i].checked = false;　　　　　　　　　　
            }　　　　　　　　
        }
        checkFlag = true;　　　　　　
    }　　　　
}



Js代码
<input type="button" name="" value="不计算长度" onclick="a()">  
<input type="button" name="" value="全选" onclick="b()">  
<input type="button" value="缓存" onclick="c()">  
<input type="checkbox" name="test[]" value="0">  
测试测试  
<br>  
<script language="JavaScript">  
    <!--  
    var ca = new Array();  
    function a() {  
        var m = document.getElementsByName('test[]');  
        for (var i = 0; i < m.length; i++) {  
            m[i].checked == true ? m[i].checked = false: m[i].checked = true;  
        }  
    }  
 
    function b() {  
        var m = document.getElementsByName('test[]');  
        var l = m.length;  
        for (var i = 0; i < l; i++) {  
            m[i].checked == true ? m[i].checked = false: m[i].checked = true;  
        }  
    }  
 
    function c() {  
        if (ca.length == 0) {  
            ca = cache();  
        }  
        cl = ca.length;  
        for (var i = 0; i < cl; i++) {  
            ca[i].checked == true ? ca[i].checked = false: ca[i].checked = true;  
        }  
    }  
 
    function cache() {  
        var m = document.getElementsByName('test[]');  
        var cache = new Array();  
        var l = m.length;  
        for (var i = 0; i < l; i++) {  
            cache[i] = m[i];  
        }  
        return cache;  
    }  
 
    //-->  
      
</script> 
分享到：
| checkbox1 自己用过的
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery checkbox 选中 取消 checkbox多选

    &lt;input type="checkbox" id="checkbox2"&gt; Option 2 &lt;input type="checkbox" id="checkbox3"&gt; Option 3 ``` 在jQuery中，我们可以通过`$('selector')`选择器来获取这些复选框，并使用`.prop()`方法来改变其选中状态...

    GridView和CheckBox结合

    protected void CheckBox2_CheckedChanged(object sender, EventArgs e) { for (int i = 0; i ; i++) { CheckBox cbox = (CheckBox)GridView1.Rows[i].FindControl("CheckBox1"); if (CheckBox2.Checked == true...

    checkBox的单选多选

    CheckBox checkBox2 = findViewById(R.id.checkBox2); checkBox1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton button...

    C# GridView+CheckBox删除记录

    chk.Checked=CheckBox2.Checked; } } protectedvoidButton2_Click(objectsender,EventArgse) { // 处理删除操作 List&lt;int&gt;selectedIds=newList(); foreach(GridViewRowrowinGridView1.Rows) { ...

    gridview checkbox 全选

    CheckBox cb = (CheckBox)this.GridView1.Rows[i].FindControl("CheckBox2"); cb.Checked = true; } } else { for (int i = 0; i ; i++) { CheckBox cb = (CheckBox)this.GridView1.Rows[i].FindControl(...

    Android 如何在一个Activity中显示多种类型的checkBox.zip

    CheckBox checkBox2 = findViewById(R.id.checkBox2); checkBox1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton button...

    js tree,checkbox tree

    2. **配置选项**：jstree提供大量的配置选项来定制树的行为，例如`checkbox`配置项用于启用复选框功能。你可以设置`three_state`为`true`，使得节点的选择状态会影响到其父节点和子节点。`tie_selection`选项决定...

    C#编程入门，C#中控件（textBox、checkBox、listBox、listView等等）的应用

    在这个例子中，`textBox1`用于输入姓名，`checkBox1`和`checkBox2`分别代表不同的兴趣选项。当用户点击按钮时，根据所选的复选框更新`textBox2`的内容。 #### 四、listView控件的应用 `listView`控件可以用来展示...

    checkBox2:复选框2-使用CSS更改背景颜色

    在"checkBox2:复选框2-使用CSS更改背景颜色"这个主题中，我们将深入探讨如何利用CSS（Cascading Style Sheets）来定制复选框的视觉样式，特别是改变其背景颜色。这在创建个性化或品牌化的用户界面时非常有用。 首先...

    ListView中添加CheckBox

    2、选择其中的checkbox，当滚动ListView的时候，会出现一些Checkbox选择错位的现象， 原因：为记住Checkbox的选择状态 解决方案：当选择Checkbox的时候，记下其状态，然后在getView方法中进行设置

    界面控件之选项组件(RadioGroup和CheckBox)--代码

    CheckBox checkBox2 = findViewById(R.id.checkBox2); // 对第二个CheckBox设置同样的监听器 ``` 3. **多选处理**：如果需要处理多个CheckBox的选中状态，可以遍历所有的CheckBox并检查它们的状态。 ```java ...

    Asp.net CheckBoxList操作集合

    &lt;asp:ListItem Text="Option 2" Value="2" /&gt; &lt;/asp:CheckBoxList&gt; ``` **获取选中项** 在服务器端，可以通过循环遍历CheckBoxList的Items集合，检查每项的Selected属性来获取选中项。以下是一个示例： ```...

    WPF 自定义CheckBox样式

    本文将深入探讨如何利用字体图标来自定义CheckBox控件，从而提升应用的视觉效果。 首先，我们需要理解WPF中的CheckBox控件。CheckBox是WPF中的一个标准控件，用于提供用户可以选择或取消选择的选项。它的默认样式...

    WPF之CheckBox组的全选设计

    在Windows Presentation Foundation (WPF) 中，CheckBox控件经常用于用户界面中提供多选选项。在设计一个CheckBox组时，可能会遇到需要实现全选功能的需求，即点击一个主CheckBox可以同时选择或取消选择所有子...

    带CheckBox的TreeView控件

    2. **事件处理**： - Checked和Unchecked事件：当CheckBox的状态改变时，需要触发相应的事件，更新数据模型和界面显示。 - SelectedItemChanged事件：当选中的TreeViewItem改变时，可以同步更新CheckBox的状态，...

    GridView结合CheckBox实现多条删除.docx

    3. `CheckBox2_CheckedChanged`事件：当复选框的状态改变时触发，这个事件用于同步所有行的CheckBox状态。如果顶级CheckBox（可能是用来全选/全不选的）被勾选，那么所有行的CheckBox都会被选中；反之则取消选中。 ...

    PB 11.5 CheckBox三种状态的实例

    2. 设置CheckBox的状态： - 未选中状态：这是CheckBox的初始状态，可以通过调用SetState方法并传入0作为参数来设置。 - 已选中状态：当用户点击CheckBox或者通过代码操作时，可以将其设置为选中状态，SetState方法...

    Delphi Checkbox in StringGrid 使用

    2. **Checkbox 的状态管理** 为了跟踪每个 Checkbox 的状态，你可能需要创建一个数组或者集合来保存每个 Checkbox 的状态。当用户点击 Checkbox 时，捕获 OnClick 事件，并更新对应的数组元素。同时，记得在程序...

    C#WinForm控件美化CheckBox

    在Windows Forms（WinForm）开发中，CheckBox控件是一个基础且重要的元素，用于实现用户界面中的复选框功能。在.NET 2.0版本和Visual Studio 2005（VS2005）环境下，开发者可以利用丰富的特性来定制和美化这些控件，...

Magicbox
Global site tag (gtag.js) - Google Analytics