为啥checkAll无法获取全选-JavaSript-爱易网页

为啥checkAll无法获取全选

日期：2014-05-16　浏览次数：20454 次

为什么checkAll无法获取全选？
有两个checkAll(),上面一个可以实现全选，为什么下面的那个却没反应？
求指教

JScript code



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">

function getSum(){
    
    var items = byName("item");
    var sum=0;
    for(var x=0;x<items.length;x++)
    {
        if(items[x].checked)
        {
            sum+=parseInt(items[x].value);
            }
        }
        
        var spanNode = getElementById("sum");
        
        spanNode.innerHTML = sum+"元";
    }

function checkAll(allNode)
{
    var allNode = getElementsByName("all")[0];
    var items = getElementsByName("item");
    var sum =0;
    for(var x=0; x<items.length; x++)
    {
        if(allNode.checked)
        {
            items[x].checked = allNode.checked;
            }    
        }
    
    }
</script>
</head>

<body>

<input type="checkbox" name="all" onclick="checkAll(this)" />全选<br/>

<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="item" value="3000" />笔记本电脑：3000<br/>
<input type="checkbox" name="all" onclick="checkAll(this)" />全选<br/>

<input type="button" value="获取总金额" onclick="getSum()" /><br/><span id="sum"></span>
</body>
</html>

------解决方案--------------------
如注释所说

JScript code


function checkAll(allNode)
{
    var allNode = getElementsByName("all")[0];//这里你一直都只取第一个全选来判断 第二个肯定没问题的了
    var items = getElementsByName("item");
    var sum =0;
    for(var x=0; x<items.length; x++)
    {
        if(allNode.checked)
        {
            items[x].checked = allNode.checked;
            }    
        }
    
    }

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

为啥checkAll无法获取全选

相关资料更多>

推荐阅读更多>