开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用jquery启用/禁用单选输入

使用jQuery启用/禁用单选输入可以通过以下步骤实现：

引入jQuery库：在HTML文件中的<head>标签内添加以下代码，引入jQuery库文件。

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

HTML结构：在<body>标签内添加单选输入的HTML结构，例如：

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>

jQuery代码：使用jQuery选择器选中单选输入，并使用prop()方法来启用/禁用它们。以下是启用/禁用的示例代码：

// 启用单选输入
$(":radio").prop("disabled", false);

// 禁用单选输入
$(":radio").prop("disabled", true);

示例：以下是一个完整的示例，演示如何使用jQuery启用/禁用单选输入：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>

  <button onclick="enableRadios()">启用</button>
  <button onclick="disableRadios()">禁用</button>

  <script>
    function enableRadios() {
      $(":radio").prop("disabled", false);
    }

    function disableRadios() {
      $(":radio").prop("disabled", true);
    }
  </script>
</body>
</html>

这样，当点击"启用"按钮时，单选输入将被启用；当点击"禁用"按钮时，单选输入将被禁用。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算场景，具有高性能、高可靠性和高安全性。了解更多信息，请访问腾讯云服务器（CVM）。
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问腾讯云对象存储（COS）。

相关搜索:jQuery -复选框启用/禁用-使用DB jquery启用禁用按钮使用jQuery/JavaScript启用和禁用选项卡使用jQuery切换单选输入部分使用Jquery在单选按钮被单击时禁用或启用文本输入表单使用js启用和禁用单选按钮使用select启用/禁用输入使用相关复选框jQuery启用/禁用由数组生成的输入使用角度反应形式禁用/启用离子输入启用禁用输入RShiny

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

bootstrapValidator 中文API

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

05

Jquery 常见案例

版权声明：本文为博主原创文章，未经博主允许不得转载。

01

【原创】bootstrap框架的学习第八课 -[bootstrap表单]

<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 内联表单</title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> </head> <body>

02

html教程之form表单元素

<form action="post.php" method="post" target="_self" autocomplete="off" enctype="multipart/form-data" >

01

知识点：回到顶部（减速）、滚动禁用和启用、判断滚动条位置显示某元素、使用jQuery判断字符串是不是json格式

方法： 1. 锚点 2. scrollTop 3. scrollTo 4. scrollBy 5. scrollIntoView

01

所有前端都必须知道的 jQuery 技巧

前端是一个很繁杂的工作，在工作中会考虑到很多细节，也许有时候一个细节没有处理好，就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手，即使掌握一个小技巧都能够节省很多时间。以下几个 jQuery 技巧，也许你工作中能够用上。

所有前端都必须知道的 jQuery 技巧

前端是一个很繁杂的工作，在工作中会考虑到很多细节，也许有时候一个细节没有处理好，就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手，即使掌握一个小技巧都能够节省很多时间。以下几个 jQuery 技巧，也许你工作中能够用上。 1. 检查图像是否加载　　有时为了继续脚本，你可能需要检查图像是否全部加载完毕： $('img').load(function () { console.log('image load successful'); }); 　你也可以用 ID 或类替换

07

所有前端都必须知道的 jQuery 技巧

前端是一个很繁杂的工作，在工作中会考虑到很多细节，也许有时候一个细节没有处理好，就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手，即使掌握一个小技巧都能够节省很多时间。以下几个 jQuery 技巧，也许你工作中能够用上。

02

前端基础：Boostrap

Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

01

Knockout.js是什么？

从本节开始介绍关于KnockoutJs相关的内容，本节主要介绍knockoutjs一些重要特性与优点，以及它与Jquery等框架库之间的区别。 1、Knockout.js是什么？ Knockout是一款很优秀的JavaScript库，它可以帮助你仅使用一个清晰整洁的底层数据模型（data model）即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部UI内容需要自动更新（比如：依赖于用户行为的改变或者外部的数据源发生变化），KO都可以很简单的帮你实现，并且非常易于维护。 2、KO重要特

06

Linux和Windows系统常用加固项

上面只是限制了用户从tty登录，而没有限制远程登录，修改sshd文件将实现对远程登陆的限制

03

快速搭建一个本地的FTP服务器

08

css3学习总结

一，结构选择器 2.属性选择器 3.CSS3伪类选择器 UI伪类选择器： :enabled选择启用状态元素 :disabled 选择禁用状态元素 :checked选择被选中的input元素（单选按钮或

03

SQL Server安全（2/11）：身份验证（Authentication）

在保密你的服务器和数据，防备当前复杂的攻击，SQL Server有你需要的一切。但在你能有效使用这些安全功能前，你需要理解你面对的威胁和一些基本的安全概念。这篇文章提供了基础，因此你可以对SQL Server里的安全功能充分利用，不用在面对特定威胁，不能保护你数据的功能上浪费时间。身份验证是验证主体（需要访问SQL Server数据库的用户或进程，是声称是的人或物）的过程。主体需要唯一的身份，这样的话SQL Server可以决定主体有哪个许可。在提供安全访问数据库对象中，正确的身份验证是必须的第一步。 S

08

LR录制时不能启动IE浏览器的解决方法

在使用loadrunner录制脚本的时候，经常会出现不能自动启动IE的情况，或者可以启动，但是录制不到内容，事务数一直为0，action的内容为空。

02

Bootstrap响应式前端框架笔记四——表单

在Bootstrap框架中，可以为表单标签添加form-control属性来为其设置默认样式，默认表单控件的宽度将充满父容器标签。需要注意，在布局表单时，可以为其设置一个label标签用于说明，将label标签的for属性与表单标签的id相对应，可以实现当用户点击label标签时使其对应的表单自动获取输入焦点。示例代码如下：

01

一些好用的jquery技巧

1、返回顶部按钮通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画： // Back to top $('.top').click(function (e) { e.preventDefault(); $('html, body').animate({scrollTop: 0}, 800); }); Back to top 改

06

后台系统设计（上篇：选择）

在单个选项下，存在多组互斥选项，且互斥选项组之间存在一定关系，可以考虑混用分段控件和常规按钮，由于分段控件在视觉上占用更大的面积，故给人在层级上更加置前。

02

ZUI的入门使用

###1 基本模版（ZUI是基于bootstarp进程改造的所以一些解释可以参考bootstarp）

02

简单、通用的JQuery Tab实现

网页上的空间是寸土寸金，虽然显示器的分辨率越来越大，可是直到今天，网页设计中仍然是以至少1024×768 像素的支持为主，也就是说，每一屏页面只有区区 955×600像素的安全尺寸可以用而已。于是，为了在有限的空间里容纳更多的内容，滑动门式的标签切换（Tabs）方式越来越受欢迎。通过滑动门技术，可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。最早的

05

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭