如何在 HTML表单中启用提交按钮,如果未选中复选框,则禁用?

这段代码有什么问题?

EnableSubmit = function(val)
{
    var sbmt = document.getElementById("Accept");

    if (val.checked == true)
    {
        sbmt.disabled = false;
    }
    else
    {
        sbmt.disabled = true;
    }
}

复选框

<td width="30%">Do you accept Terms of Service agreement?</td>
<td width="10px" style="min-width: 10px"></td>
<td width="70%">
    <input type="checkBox" name="TOS" value="Accept" onClick="EnableSubmit"> I agree to Terms of Service agreement.
</td>

解决方法

将您的HTML更改为:
<td width="30%">Do you accept Terms of Service agreement?</td>
<td width="10px" style="min-width: 10px"></td>
<td width="70%">
    <input type="checkBox" name="TOS" value="Accept" onClick="EnableSubmit(this)"> I agree to Terms of Service agreement.
</td>

原因不行:你没有传递任何功能.实际上,因为你没有使用带有函数名的括号,所以你根本没有调用这个函数.在onclick HTML事件属性的上下文中传递它意味着您传递对元素的DOM对象的引用,让您访问其checked属性.

javascript – 启用/禁用提交按钮(如果勾选/取消勾选)的更多相关文章

  1. Html5在手机端调用相机的方法实现

    这篇文章主要介绍了Html5在手机端调用相机的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. ubuntu – stunnel:SSL到SSL? (对于smtp / imap)

    如何配置stunnel以进行SSL连接,然后再连接到其他服务器上的SSL端口?UbuntuServer10.10的具体步骤是什么?

  3. PHP file_get_contents()的行为与浏览器不同

    我正在尝试使用PHP下载网页的内容.当我发出命令时:它返回一个报告服务器已关闭的页面.然而,当我将相同的URL粘贴到我的浏览器中时,我得到了预期的页面.有谁知道是什么导致了这个?file_get_contents是否会传输任何区别于浏览器请求的标头?

  4. php – Laravel如何知道Request :: wantedJson是JSON的请求?

    我注意到Laravel有一个整洁的方法Request::wantsJson–我假设当我提出请求时,我可以传递信息来请求一个JSON响应,但是如何做到这一点,Laravel使用什么标准来检测请求是否要求JSON?它使用客户端发送的Accept标头来确定它是否需要JSON响应.我们来看看thecode:所以如果客户端向application/json发送第一个可接受的内容类型的请求,那么该方法将返回true.至于如何请求JSON,您应该相应地设置Accept标头,这取决于您用来查询路由的库,下面是我知道的一些

  5. php – 访问者模式对动态类型语言有用吗?

    说明:在访问者模式中,可访问的类(实体)有一个方法.accept(),其作用是调用访问者的.visit()方法.我可以看到java示例的逻辑:访问者为它支持的每个可访问类型定义了一个不同的.visit方法,并且必须使用.accept()技巧在运行时选择它们.但是像python或PHP这样的语言有动态类型,没有方法重载.如果我是访问者,我可以在不知道实体的类型甚至方法的完整签名的情况下调用实体方法.(这是“双重调度”问题,对吧?

  6. ajax – 为什么Chrome取消CORS OPTION请求

    在我的应用程序中,我创建了从HTTP到HTTPS的AJAX请求。这意味着我需要CORS。所以我添加一些标题和参数到jQuery.ajax并进行测试。在Firefox中,所有功能都可以正常工作,但Chrome中没有。Chrome“kill”每个失效请求。jQuery脚本:HTTP转储:任何人知道为什么Chrome杀死这个请求?也许您的https服务器具有不可信证书。如果是这样,请尝试首先使用浏览器访问URL,并接受不可信的连接。

  7. 原生ajax+php上传图片的简单实现

    如有上面有什么写得不对的地方,大佬们可以指出来

  8. ajax中的内容协商

    看完之后本来想是好吧,既然是spring都申明这个问题采取规避原则,那我就不纠结了,然而后来反复想还是觉得不对,spring不至于ajax连后缀.html,.jsp这种都不支持吧,继续寻找解决方案,终于找到ajax中有个内容协商原则。format=json将返回json数据缺点:需要额外的传递format参数,URL变得冗余繁琐,缺少了REST的简洁风范使用内容协商的功能,如果不使用第三种方式的话,3.2的版本可以什么都不用配置,默认就能支持前面两种。

  9. php – RESTful API中错误的最佳实践

    在RESTfulAPI中返回HTTP状态代码的最佳做法是什么?PHPAPI代码当你看着listofavailableHTTPstatuscodes时,你会在某种程度上意识到有很多,但是单独使用它们本身并不能真正解释一个错误.所以要回答你的问题,有两个部分.一个是:您的API如何传达错误的原因,并添加API的用户可以阅读并采取行动的有用信息.您应该添加尽可能多的信息,包括机器可读性和可读性.另一部分:HTTP状态代码如何帮助区分某些错误(和成功)状态?

  10. java – 为什么不在这个JNI代码中显示select系统调用?

    在MacOS上调查这个JDK错误时,我遇到了系统调用跟踪输出,我不明白:Tomcatstartupfailsdueto‘java.net.SocketExceptionInvalidargument’onMacOSX简短版本:在MacOS上,JDK使用select()而不是poll().因此,如果分配了超过1024个文件描述符,我们推断出NET_Timeout中的select()调用失败,导致带有

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部