IE对于input checkbox onclick方法显示不支持此对象和方法的解决方案
网站注册页,协议结束后,通过input checkbox勾选,进行下一步,FF没问题,IE一直显示不支持此对象和方法。
网上查找大部分说函数名称与系统函数重名,而事实上不是。
<div name="pop_con" id="pop_con" style="width:1020px;height:230px;padding:20px;border:2px solid #A21f0d;overflow:scroll;margin-left:50px;">
{$article.content}
</div>
<div style="color:#333333;margin-left:50px;font-size:16px;">
<input type="checkbox" name="is_read" id="is_read" onclick="is_read()" />
我接受上述协议内容
</div>
<script type="text/javascript">
$("#is_read").click(function(){
if(parseInt(document.getElementById("pop_con").scrollTop)>"1730")
{
if(document.getElementsByName("is_read")[0].checked)
{
$(".step02").css({"backgroundColor":"#A21f0d","cursor":"pointer"});
}
else
{
$(".step02").css({"backgroundColor":"#CCCCCC","cursor":"default"});
}
}
else{
alert("请将上述协议翻到底部阅读完毕才可勾选接受,进行下一步");
document.getElementsByName("is_read")[0].checked=false;
}
</script>
开始以为是checkbox不支持onclick方法,将方法赋予外层DIV,问题依旧。
考虑是is_read()函数未定义的原因,但JS代码在HTML后面。
思考是不是onclick=function(){fun();}与onclick=fun()有区别的原因,一改之下,问题迎刃而解。
需要注意的是,onclick=后不要带引号"",不然问题还是存在的。
<div name="pop_con" id="pop_con" style="width:1020px;height:230px;padding:20px;border:2px solid #A21f0d;overflow:scroll;margin-left:50px;">
{$article.content}
</div>
<div style="color:#333333;margin-left:50px;font-size:16px;">
<input type="checkbox" name="is_read" id="is_read" onclick=function(){is_read();} />
我接受上述协议内容
</div>
<script type="text/javascript">
$("#is_read").click(function(){
if(parseInt(document.getElementById("pop_con").scrollTop)>"1730")
{
if(document.getElementsByName("is_read")[0].checked)
{
$(".step02").css({"backgroundColor":"#A21f0d","cursor":"pointer"});
}
else
{
$(".step02").css({"backgroundColor":"#CCCCCC","cursor":"default"});
}
}
else{
alert("请将上述协议翻到底部阅读完毕才可勾选接受,进行下一步");
document.getElementsByName("is_read")[0].checked=false;
}
</script>
你所不知道的JavaScript,神奇的世界!
IE对于input checkbox onclick方法显示不支持此对象和方法的解决方案的更多相关文章
- Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解
Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解 一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ v ...
- ExtJs--16--Ext.override()方法专门用来重写对象的方法
Ext.onReady(function(){ /** * Ext.override()方法专门用来重写对象的方法 */ //定义个类 Ext.define("U",{ //该类的 ...
- vue父组件引用子组件方法显示undefined问题原因及解决方法
关于vue父组件引用子组件问题 1.首先导入子组件并且在components中定义子组件 2.引用子组件,并定义ref,ref定义的名称用于 this.$refs所调用的名称 3.调用子组件的方法 ( ...
- 二.OC基础--1,对象的存储细节,2,#pragma mark指令,3,函数和对象方法的区别,4,对象和方法之间的关系 ,5.课堂习题
1,对象的存储细节, 1. 当创建一个对象的时候:Person *p1 = [Person new],做了三件事情: 1,申请堆内存空间: 2,给实例变量初始化: 3,返回所申请空间的首地址; 2. ...
- SpringBoot 使用 RestTemplate 调用exchange方法 显示错误信息
SpringBoot使用RestTempate SpringBoot使用RestTemplate摘要认证 SpringBoot使用RestTemplate基础认证 SpringBoot使用RestTe ...
- Javascript对象的方法赋值
Javascript对象编程学习中,一直不能很好的掌握对象的属性(property)和方法(method).今天在写代码过程中,又犯了一个低级错误. <!DOCTYPE html> < ...
- 论DATASNAP远程方法支持自定义对象作参数
论DATASNAP远程方法支持自定义对象作参数 DATASNAP远程方法已经可以支持自定义对象作参数,这是非常方便的功能. 1)自定义对象 type TMyInfo = class(TObject) ...
- jQuery对象扩展方法(Extend)深度解析
1.这几天在写自己的Js工具类库,所以在编写对象扩展方法,参考了jQuery的对象扩展方法,在编写该方法前,需要掌握js深拷贝和浅拷贝的相关知识,下面是jQuery3.2.1版本对象扩展方法的源码: ...
- Java反射机制调用对象的方法 —— 将一个对象的属性值赋值给另一个对象的属性
模拟一个场景: 众所周知,EasyExcel导出Excel文档是依赖于注解完成的,在实体类需要导出的属性上面加上注解,导出的时候会自动识别该属性. 假如我们现在需要导出用户的信息,又不想污染原本的实体 ...
随机推荐
- Python中出现 SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 12-13: truncated \UXXXXXXXX escape
Python中出现 SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 12-13: t ...
- 前端代码高亮显示解决方案: prism
目录 1. 场景描述 2. React Prism 2.1 prismjs 库 2.2 babel-plugin-prismjs 插件 3. demo 4. 注意点 5. 参考链接 1. 场景描述 在 ...
- ssh-copy-id to filter out any that...ERROR: Read from socket failed: Connection reset by peer
ssh-copy-id bigboss1 /usr/bin/ssh-copy-id: INFO: attempting to log in with the new key(s), to filter ...
- [leetcode] 动态规划(Ⅰ)
这次按通过率从高到低刷题. 本文完成的题目:{338, 1025, 303, 121, 53, 392, 70, 746, 198} ,带有「面试」Tag 的题目:Interview - {1617, ...
- Java实现 蓝桥杯VIP 算法训练 与1连通的点的个数(并查集)
试题 算法训练 与1连通的点的个数 资源限制 时间限制:1.0s 内存限制:256.0MB 问题描述 没有问题描述. 输入格式 输入的第一行包含两个整数n, m n代表图中的点的个数,m代表边的个数 ...
- Java实现 LeetCode 319 灯泡开关
319. 灯泡开关 初始时有 n 个灯泡关闭. 第 1 轮,你打开所有的灯泡. 第 2 轮,每两个灯泡你关闭一次. 第 3 轮,每三个灯泡切换一次开关(如果关闭则开启,如果开启则关闭).第 i 轮,每 ...
- Java实现 蓝桥杯VIP 算法提高 师座操作系统
算法提高 师座操作系统 时间限制:1.0s 内存限制:256.0MB 问题描述 师座这天在程序设计课上学了指针和结构体以后,觉得自己可以轻松的写出操作系统,为了打败大微软帝国,他给这个系统起了个响亮的 ...
- Java实现 LeetCode 14 最长公共前缀
14. 最长公共前缀 编写一个函数来查找字符串数组中的最长公共前缀. 如果不存在公共前缀,返回空字符串 "". 示例 1: 输入: ["flower",&quo ...
- Java实现 洛谷 P1035 级数求和
import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner in = ...
- Java实现大整数乘法
1 问题描述 计算两个大整数相乘的结果. 2 解决方案 2.1 蛮力法 package com.liuzhen.chapter5; import java.math.BigInteger; publi ...