根据属性找标签

<script type="text/javascript">

    function checkAll(allNode){
        //找到所有的的选项
        var items = document.getElementsByName("item");
        //找到全选按钮的对象
        //var allNode = document.getElementsByName("all")[0];
        for(var i = 0 ; i<items.length ; i++){
            items[i].checked =     allNode.checked;
        }
    }

    function getSum(){
        var items = document.getElementsByName("item");
        var sum = 0;
        for(var i = 0 ; i<items.length ; i++){
            if(items[i].checked){
                sum += parseInt(items[i].value);
            }
        }
        var spanNode = document.getElementById("sumid");
        spanNode.innerHTML = ("&nbsp;&nbsp;&nbsp;&yen;"+sum).fontcolor("green");
    }

</script>
<body>
    <div>商品列表</div>
        <input type="checkbox" name="item" value="3000" />笔记本电脑3000元<br />
        <input type="checkbox" name="item" value="1800"  />笔记本电脑1800元<br />
        <input type="checkbox" name="item" value="300"  />笔记本电脑300元<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()" /><span id="sumid"></span>
</body>
时间: 2024-08-01 20:30:38

根据属性找标签的相关文章

根据标签的属性找节点

<script type="text/javascript"> /* 通过html元素的标签属性找节点. document.getElementById("html元素的id") document.getElementsByTagName("标签名") document.getElementsByName("html元素的name") */ function showText(){ var inputNode =

React-非dom属性-dangerouslySetInnerHTML标签

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="./react-0.13.2/build/react.js"></script> <sc

了解JavaScript 对象属性的标签

对象属性的标签 value(属性值), writable(属性可写), enumerable(属性可枚举), configurable(属性可配置), 这些属性标签使对象所持有的属性体现出不同的特性, 以便开发者开发使用. value value, 属性的值, 这个属性是最直观的体现, 一个属性我们使用的就是它的值, 这个值的类型可以是对象, 字符串, 值等任意类型. 如果未设置的话, 值会是undefined. Object.defineProperty(person, 'name', { c

div 属性 DIV标签属性有什么如何设置属性

div 属性 DIV标签属性有什么如何设置属性(音乐放松椅) div 属性介绍,对DIV可加属性有哪些,DIV属性一览表DIVCSS5整理 DIVCSS5给大家整理DIV标签内常用属性,同时通过div各属性小实例,让大家认识各属性并掌握属性. div标签内常用属性列表 1.style 设置css样式(扩展了解style标签) 2.align 设置div盒子内的内容居中.居左.居右 3.id 引人外部对应#(井号)选择符号样式 4.class 引人外部对应.(句号)选择符号样式 5.title 设

HTML元素 属性 格式化标签

一.HTML元素: 1.元素指的是从开始标签到结束标签的所有代码         <p>This is my web page.</p> 开始标签:<p> 结束标签:</p> 元素内容:This is my web page. 2.HTML元素语法 元素的内容是开始标签与结束标签之间的内容 空元素在开始标签中进行关闭 大多数HTML元素可拥有属性 3.嵌套的HTML元素 大多数HTML元素都是可以嵌套的 二.HTML属性 1.标签可以拥有属性为元素提供更多的

开发带属性的标签

1 package cn.itcast.web.tag; 2 3 import java.io.IOException; 4 import java.io.StringWriter; 5 import java.util.Date; 6 7 import javax.servlet.jsp.JspException; 8 import javax.servlet.jsp.tagext.JspFragment; 9 import javax.servlet.jsp.tagext.SimpleTag

JavaScript 通过关系找标签

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body><input type="text" id="userName"/><img src="user.png&

Android layout布局属性、标签属性总结大全

RelativeLayout 第一类:属性值为true可false android:layout_centerHrizontal        水平居中 android:layout_centerVertical         垂直居中 android:layout_centerInparent         相对于父元素完全居中 android:layout_alignParentBottom     贴紧父元素的下边缘 android:layout_alignParentLeft    

vs2010 office组件dll右键属性找不到”嵌入互操作类型“问题的解决

近期项目碰到个奇怪的问题.在项目中添加excel的引用,然后右键该引用,选择属性,竟然找不到”嵌入互操作类型“,因引用office组件时,需要将其”嵌入互操作类型“设为false,否则编译不通过.后来经过百度,才找到问题的解决方法. 问题: 解决方法1: 修改项目的目标框架为.net framework 4及以上. 解决方法2: 如果项目的目标框架必须为.net framework2.0,那可以在项目文件.csproj中修改. 用txt打开该项目文件, 这样便大工告成. 小菜一碟 2014-10