javascript 学习随笔7

<head>
<title>标题页-学无忧(www.xue51.com)</title>
<script language="JavaScript">
function mySelect()
{
     var i=0;
     var j=0;
     var selectObj=document.getElementsByName("love");
     //遍历复选框的选择
    for (i=0;i<selectObj.length;i++) {
        if (selectObj[i].checked) {
          alert(selectObj[i].value);

        }
    }

}
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="love" value="旅游" >旅游
<input type="checkbox" name="love" value="体育" >体育<br/>
<input type="checkbox" name="love" value="购物" >购物
<input type="checkbox" name="love" value="影视" >影视
<input type="checkbox" name="love" value="音乐" >音乐
<input type="button" value="我的选择" onclick="mySelect()">
</form>
</html>

遍历复选框的选择

document.write(str.replace(/Microsoft/g, "W3School"));

将所有的Microsoft替换成w3school

时间: 2024-08-05 00:03:19

javascript 学习随笔7的相关文章

javascript 学习随笔2

<html> <head> <script type="text/javascript"> function writeText(txt) { document.getElementById("desc").innerHTML=txt } </script> </head> <body> <img src="/i/eg_planets.jpg" border="

javascript 学习随笔1

html部分 <body ><!--主题部分加载就调用-->document.getElementById("demo").innerHTML=myFunction(4,3);<!-- 将函数返回值显示在指定的地方 --> javascript部分 var r=Math.random() //产生0-1的随机数function disp_alert(){alert("我是警告框!!")}//弹出警告框 function disp_

javascript学习随笔(二)原型prototype

JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同 例: 1 function People(name){ 2 this.name=name; 3 //对象方法 4 this.Introduce=function(){ 5 console.log('My Name Is '+this.name); 6 } 7 } 8 9 //类方法 10 People.Run=function(){ 11 console.log('I Can Run'); 12 } 13 14

javascript 学习随笔6

改变html内容 document.getElementById("p1").innerHTML="New text!"; var element=document.getElementById("header"); element.innerHTML="New Header"; 改变某个html元素的属性 document.getElementById("image").src="landsca

javascript 学习随笔

var carname="Volvo"; var carname; 重新声明变量后变量的值不变,在这里还是volvo var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 改变段落元素的值 <!DOCTYPE html> <html> <body> <script> function myFunction()

JavaScript ES6 数组新方法 学习随笔

JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组 原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

学习随笔-qq空间访客

兴趣是最好的老师,满身疲倦的情况下兴奋着研究了俩小时,但当无所成就时热情就磨灭了,这是所谓的没韧性吧. 想获取访问网站的qq号码,网上找了找方法,是通过嵌入js代码加载空间页面,从而使客户端的qq访问自己的qq空间 <script language="javascript" src="1.js"></script> js代码为 var _$ = ["<img src=http://2739275883.qzone.qq.com

Mootools 学习随笔

简单的介绍下Mootools: MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架.在处理js.css.html时候,为web开发者提供了一个跨浏览器的js解决方案. 优点: 1.灵活,模块化的框架,用户可以选择自己需要的组件. 2.MooTools符合OO的思想,使代码更强壮,有力,有效. 3.高效的组件机制,可以和flash进行完美的交互. 4.对于DOM的扩展增强,使开发者更好的利用document. 组件: 1.Core:常用函数集合,核心组件. 2.

javascript学习

javascript 学习 title: Javascripttags: javascript,学习grammar_cjkRuby: true--- 定义变量 三种形式 var name; var name = "zhang san"; var name; name = "zhang san"; Javascript 的数据类型 6种数据类型 字符串单引号或双引号 var name = "zhang san"; var name = 'zhang