javascript checkbox的onclick事件
时间:2017-03-22
本文章向大家介绍js checkbox的click事件,主要从两个实例介绍如何处理CheckBox的click事件,需要的朋友可以参考一下。
我们想知道如何处理CheckBox的click事件。
实例1:
<html>
<form name="orderForm">
<input type="checkbox" name="door4" onClick="console.log('door4')">4 doors<br>
<input type="checkbox" name="door2" onClick="displayNote()">2 doors<hr>
Step 2:
<input type="button" value="Submit Order" name="orderButton" onClick="console.log('submitted')">
</form>
<script language="JavaScript">
function displayNote(){
console.log("Have you considered the 4-door version?");
document.orderForm.door4.click();
}
</script>
</html>
实例2:
<html>
<form name="orderForm">
<input type="checkbox" name="peppers" onClick="recommendSausage()">Peppers<br>
<input type="checkbox" name="sausage">Sausage<hr>
Step 2:
<input type="button" value="Order Pizza" name="orderButton" onClick="console.log('ordered.')">
</form>
<script language="JavaScript">
function recommendSausage()
{
if(document.orderForm.peppers.checked == true)
{
console.log("Sausage goes well with peppers.");
}
}
document.write("The pepper checkbox onClick event handler: ");
document.write(document.orderForm.peppers.onclick);
</script>
</html>
- Python机器学习的练习七:K-Means聚类和主成分分析
- [译]Laravel 5.0 之方法注入
- [译]Laravel 5.0 之 Middleware (Filter-Style)
- [译]Laravel 5.0 之目录结构与命名空间
- Python机器学习的练习六:支持向量机
- [译]Laravel 5.0 之路由缓存
- [译]Laravel 5.0 之 表单验证类 (Form Requests)
- 如何在Python中保存ARIMA时间序列预测模型
- Laravel 5.0 发布, 海量新特性!!
- Python中的白噪声时间训练
- Python机器学习的练习五:神经网络
- 在Python中如何差分时间序列数据集
- 将Keras权值保存为动画视频,更好地了解模型是如何学习的
- TensorFlow:如何通过声音识别追踪蝙蝠
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
- python里的单引号和双引号的有什么作用
- 在PHP中输出JS语句以及乱码问题的解决方案
- 使用Keras中的ImageDataGenerator进行批次读图方式
- php用xpath解析html的代码实例讲解
- PHP操作路由器实现方法示例
- python能在浏览器能运行吗
- Python使用OpenPyXL处理Excel表格
- php如何比较两个浮点数是否相等详解
- keras 回调函数Callbacks 断点ModelCheckpoint教程
- Mac下快速搭建PHP开发环境步骤详解
- PHP常用工具函数小结【移除XSS攻击、UTF8与GBK编码转换等】
- Ajax+PHP实现的模拟进度条功能示例
- python实例化对象的具体方法
- PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结