一、单选按钮确定提交是否可用

<input id="a" type="radio" name="a"  onclick="check()"/>

<label for="a">同意</label>

<input id="b" type="radio" name="a"  onclick="check()" />

<label for="b">不同意</label><br />

<input type="button" name="d" id="c" value="提交" disabled="disabled"/>

<script>

function check(){

var yes=document.getElementById("a");

var no=document.getElementById("b");

var btn=document.getElementById("c");

//  if(yes.getAttribute("checked")) 这个行不通，记住下面这个yes.check

if(yes.checked)

{

btn.removeAttribute("disabled");

}

if(no.checked){

btn.setAttribute("disabled","disabled");

}

}

</script>

显示效果如下：

未点击前，提交按钮不可用；在点击同意之后后提交按钮可用。

二、倒计时：

Eg1:

<script>

function shijian(){

alert("哈哈");

}

window.setTimeout("shijian()",2000);

</script>

注：setTimeoout属性是指延长多少时间发生的事，以毫秒计数。

此处显示效果： 哈哈界面就会在刷新页面2000毫秒后弹出。

Eg2:

<script>

function shijian(){

alert("哈哈");

}

for(i=0;i<4;i++){

window.setTimeout("shijian()",i*2000);

}

</script>

显示效果：利用for循环控制显示次数，即每隔2秒显示一次哈哈，共显示4次。

Eg3:

<span id="time">8</span>

<input id="btn" name="next" type="button" disabled="disabled" value="下一步" />

<script>

function shijian(){

var s=document.getElementById("time").innerText;

s=parseInt(s);         -------变量转换成整数。

if(s<=0){                  ------当秒数小于0时，“下一步”按钮生效。

document.getElementById("btn").removeAttribute("disabled");

}

else{

s--;                        -------时间每隔2秒减1

document.getElementById("time").innerText=s;

}

}

for(i=0;i<=9;i++){         -------设置循环次数和时间间隔

window.setTimeout("shijian()",i*2000);

}

</script>

注：次数的设置，可能会因为少一次导致按钮不可用。

三、向列表内添加数据：

1、利用<ol>列表

<body>

<ol id="ol1">                         -------定义一个有序列表

<li>开始值</li>

</ol>

<input type="text" id="txt"/>          -----------输出一个文本框

<input type="button" value="添加" id="btn" onclick="add()"/>

-----------设置一个添加按钮，并创建一个点击事件

<script>

function add()

{

var x = document.getElementById("txt").value;   ---将文本内容定义给x

var y = document.getElementById("ol1");      -------将列表内容定义给y

y.innerHTML+="<li>"+x+"</li>";           --------将x值添加到y中

}

</script>

</body>

2、利用<select>做列表

<select size="7" id="ol1">   -----显示一个有5列的列表，最多可到7列

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select>

<input type="text" id="txt"/>

<input type="button" value="添加" id="btn" onclick="add()"/>

<script>

function add()

{

var x = document.getElementById("txt").value;

var y = document.getElementById("ol1");

y.innerHTML+="<option>"+x+"</option>";

}

</script>

Everything will go okay. Just go ahead.

用js写倒计时,向列表添加数据-------2017-03-21的更多相关文章

  1. Android创建列表并为列表添加数据

    在Android开发中经常会用到ListView,也就是列表,而列表的内容需要如何决定呢,很好的方法是使用各种adapter 首先来看看用entries添加列表内容 在布局文件中,创建一个ListVi ...

  2. 用js给循环的列表添加click事件

    纠结了两天终于搞定了,首先id这个东西必不可少,这个时候不能用onclik事件,而是需要使用代理事件. 比如说,这里有个列表如下: <ul> <li></li> & ...

  3. vue.js 利用SocketCluster实现动态添加数据及排序

    直接上代码 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...

  4. 零代码第一步，做个添加数据的服务先。node.js + mysql

    node.js + mysql 实现数据添加的功能.万事基于服务! 增删改查之添加数据. 优点:只需要设置一个json文件,就可以实现基本的添加功能,可以视为是零代码. 添加数据的服务实现的功能: 1 ...

  5. jQuery写省级联动列表，创造二维数组，以及如何存/调用二维数组中的数据

    jQuery写省级联动列表,创造二维数组来存放数据,然后通过each来遍历调用,通过creatTxtNode创建文本节点,通过createElement创建标签option,在通过append将文本写 ...

  6. 用vue写添加数据、删除数据、筛选数据表格

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  7. js循环读取json数据，将读取到的数据用js写成表格

    ①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...

  8. 使用size()方法输出列表中的元素数量。需要注意的是，这个方法返回的值可能不是真实的，尤其当有线程在添加数据或者移除数据时，这个方法需要遍历整个列表来计算元素数量，而遍历过的数据可能已经改变。仅当没有任何线程修改列表时，才能保证返回的结果是准确的。

    使用size()方法输出列表中的元素数量.需要注意的是,这个方法返回的值可能不是真实的,尤其当有线程在添加数据或者移除数据时,这个方法需要遍历整个列表来计算元素数量,而遍历过的数据可能已经改变.仅当没 ...

  9. js限制输入数字能输入小数点，js定义数组，js往数组中添加数据，js将字符型转为数字型，除法结果保留两位小数——js小测：计算比赛得分

    一个朋友跟我说要去给某个比赛算分: 规则:去掉最低分最高分求平均分: 最近在学习大数据可视化——图谱,用到js一些东西,所以今天就用js练练 用到知识点: js限制输入数字能输入小数点,js定义数组, ...

随机推荐

  1. PowerPoint实用知识

    纯手打,可能有错别字,使用的版本是office2013 转载请注明出处 http://www.cnblogs.com/hnnydxgjj/p/6347256.html ,谢谢 母版的使用 制作PPT的 ...

  2. Struct 和 Union 的详细区别

    Union: 共用体 Struct:结构体 两者的区别: 1:共用体和结构体都是由多个不同的数据类型成员组成, 但在任何同一时刻, 共用体只存放一个被选中的成员, 而结构体则存放所有的成员变量. 2: ...

  3. canvas粒子时钟

    前面的话 本文将使用canvas实现粒子时钟效果 效果展示 点阵数字 digit.js是一个三维数组,包含的是0到9以及冒号(digit[10])的二维点阵.每个数字的点阵表示是7*10大小的二维数组 ...

  4. 关于echarts地图下钻。

     在去年十二月份,前端老大交代个任务,关于地图下钻.这里做了个简单的青岛地图下钻,初学echarts,做的不精,凑合看看吧. 第一步呢,先引入echarts等文件,这是最基本的.  第二步,到官网下载 ...

  5. css实现页面居中的一种方法

    在网页制作的过程中,为方便读者的阅读,会把网页内容限定在一个较小的方框中,并居中显示,如何实现这一功能呢? 1)把正文放在一个<div>标签中,只要这个标签居中整个网页就居中了. < ...

  6. OSS.Common扩展.Net Standard支持实例分享

    上篇(.Net基础体系和跨框架开发普及)介绍了.Net当前生态下的大概情况,也分享了简单实现的过程,这篇文章就是讲解我的OSS.Common项目扩展.Net Standard 支持的过程,主要集中在: ...

  7. SOCKET是什么

    一.问题的引入--socket的引入是为了解决不同计算机间进程间通信的问题 1.socket与进程的关系 1).socket与进程间的关系:socket   用来让一个进程和其他的进程互通信息(IPC ...

  8. iptables 完成联网控制 （续） ，独立native进程监听。

    上一篇:http://www.cnblogs.com/oscar1011/p/5243877.html 之前做的iptables 来进行的联网控制,一直耿耿于怀,想要知道系统里的netd等等是如何做到 ...

  9. JVM垃圾收集(GC)算法

    判断对象是否已死 1. 引用计数算法 给对象中添加一个引用计数器,每当一个地方引用它时,计数器值就加1:当引用失败时,计数器值就减1:任何时刻计数器为0的对象就是不能再被使用的. 主流的Java虚拟机 ...

  10. [Kafka] - Kafka 安装介绍

    Kafka是由LinkedIn公司开发的,之后贡献给Apache基金会,成为Apache的一个顶级项目,开发语言为Scala.提供了各种不同语言的API,具体参考Kafka的cwiki页面: Kafk ...