jquery选中单选按钮,禁用单选按钮,禁用链接

最新推荐文章于 2024-02-24 13:39:38 发布
最新推荐文章于 2024-02-24 13:39:38 发布
阅读量548 收藏
点赞数
文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bingliang514csdn/article/details/124975076
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css"></style>
	<script type="text/javascript" src="jquery-2.2.3.min.js"></script>
</head>
<body>

	选中单选按钮组其中一项：
	<input type="radio" value="1" name="radioGroup" />
	<input type="radio" value="2" name="radioGroup" />
	<input type="radio" value="3" name="radioGroup" />
	
	<input type="button" value="选中其中一个单选按钮3" onclick="checkBoxVal()" />
	<input type="button" value="单选按钮2禁用" onclick="disableCheckBox()" />
	
	<a href="#" id="aEleid">这是一个链接标签内容</a>
	<input type="button" value="禁用链接" onclick="disableAelement()" />
	
</body>
<script type="text/javascript">
	function checkBoxVal(){
		$("input[name='radioGroup'][value='3']").attr("checked","checked");
	}
	
	function disableCheckBox(){
		$("input[name='radioGroup'][value='2']").attr("disabled",true);
	}
	function disableAelement() {
		$("#aEleid").attr("disabled", true);
		$("#aEleid").removeAttr("href");
	}
</script>
</html>

源码分享链接：
https://pan.baidu.com/s/18d05SpJbGUep0T1pFQwHrQ

提取码：baf9

bingliang514csdn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html单选按钮禁用,使用jQuery禁用单选按钮
weixin_29668721的博客
06-08 1260
使用jQuery禁用单选按钮我试图在单击loadActive链接时禁用这些单选按钮，但由于某种原因，它仅禁用顺序中的第一个按钮，然后跳过其余的按钮。Load Active这是我正在使用的jQuery：jQuery("#loadActive").click(function() {//I have other code in here that runs before this function c...
jQuery单选多选按钮美化代码插件
06-10
2. **图片资源**：`img`文件夹可能包含用于按钮状态（如选中、未选中、禁用等）的图标或图形元素。这些图片通过CSS与按钮关联，以呈现不同的视觉反馈。 3. **JavaScript**：`js`文件夹中的`ion.checkRadio.js`脚本...
jQuery设置单选按钮radio选中/不可用的实例代码
10-22
主要介绍了jQuery设置单选按钮radio选中/不可用的实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
JQuery实现radio、select、checkbox禁用
热门推荐
让青春开出美丽的花
03-21 3万+
<br /><script><br /> $(document).ready(function(){<br />   <!-- radio的禁用 --><br />    var input = $("#appDIV").find("input:radio");<br />    input.attr("disabled","disabled");<br />    input.each(function(){<br />      if($(this).val()==2){<br />
jq禁止单选框手动选择
最新发布
龚清林的博客
02-24 473
在上述代码中，第一部分通过监听所有单选框的click事件并阻止其默认行为来禁止手动选择。而最后一行展示了如何直接通过.prop(‘disabled’, true)来禁用单选框，这样不仅会禁用用户交互，还会使单选框呈现一种不可用的状态（通常显示为灰色）。如果你想禁止单选框（）的手动选择，可以通过JavaScript或jQuery来移除元素的可点击性（pointer-events CSS属性），或者监听单选框的click事件并阻止其默认行为。
表单控件状态(禁用状态)
qq_19294809的博客
04-29 443
      表单控件状态——禁用状态   示例1                                 示例2               禁用的输入框                     禁用的下拉框               不可选择      
jquery的attr方法禁用表单元素禁用输入内容
10-25
除了禁用表单元素，`attr`方法还可以用于其他场景，比如改变元素的`href`属性、设置或读取`class`属性以实现动态样式切换、控制`checked`属性以实现复选框或单选按钮的状态切换等。 总之，jQuery的`attr`方法是...
jQuery单选框跟复选框美化特效代码
03-20
"jQuery单选框跟复选框美化特效代码"就是一个实例，它专注于改善页面上单选框（radio）和复选框（checkbox）的视觉效果和交互性。下面将详细讲解这个主题。 首先，jQuery的使用使得开发者能够更轻松地操控DOM元素，...
jQuery对下拉框,单选框,多选框的操作
01-19
//得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text();//得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”]’).val()...
js实现iPhone界面风格的单选框和复选框按钮实例
10-23
例如，当启用按钮被点击时，禁用按钮会失去 `selected` 类，同时复选框被选中： ```javascript var parent = $(this).parents('.switch'); $('.cb-disable', parent).removeClass('selected'); $(this).addClass('...
仵航说如何html中的单选按钮禁用仵老大
whbn8888的博客
03-22 657
最近写的项目是老项目,Spring+hibernate的,前端直接js,Vue写多了,原生js不会了,还要去百度,功能大致为,有一个查看页面,表单跟修改一样,但是不能修改,input的框的可以,我直接设置 readonly="readonly" 就可以了,但是,这个单选有点麻烦了,所以我就百度了一下,纪念一下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仵老大学习网&lt
ant design vue表格里的单选框禁用与选中/radio
小布丁儿的博客
06-13 3026
如果根据判断去选中需要禁选的数据 要在return之前去做判断 例如我的代码 是父组件传来的数组合集 循环完去和列表的数据对比 相同的话就禁用掉 并且id不等于当前选中的那一条 this.disabledCoupon是父组件选中的数据。表格里的属性 一定要去看表格的api 我 一开始还傻不拉几看单选radio的属性 代码里的表格是封装过的 s-table不是a-table 所以要看清楚!但是属性什么的都是一样的。表格根据当前id去禁用 使用getCheckboxProps禁用属性。
使用jquery禁用radio
u014041540的博客
07-03 8593
1-6-1 //等待dom元素加载完毕. $(document).ready(function(){     var $cr = $("#field111");  //jQuery对象 var $cr1= $("#field112");     $cr.click(function(){         if($cr.is(":checked")){ //jQuery方
JQuery之禁用radio、select、checkbox
ZT的专栏
12-23 1375
$(document).ready(function(){ var input = $("#appDIV").find("input:radio"); input.attr("disabled","disabled"); input.each(function(){ if($(this).val()==2){ $(this).attr("c
设置单选框radio不可选（禁用）
Claer_XX的博客
01-13 2万+
readonly属性对radio、select、checkbox这三个表单无效，设置disabled属性后，读取不到值 在网络上找到思路，总结出如下三种解决方案 把表单值存入<input type="hidden" >中，如果代码中要改变选中则同时要赋值给该输入框 提交表单前先移除disabled属性，不提交表单时或提交表单后设置disabled属性（代码中要改变选中前先移除disabled属性） 只设置没有选中的input框disabled属性 （代码中要改变选中时先移除disabled
jQuery 设置 select 无法选择（类似禁用），且可以提交
weixin_42256765的博客
03-20 3364
概要 在项目开发中，一般回填页面的 select 都是为不可再次选择的，但是直接使用 disabled 属性会使 select 框无法再次提交，所以使用 css 对 select 框设置禁用选择是最好的办法。 select 禁用下拉选择 $('#xxx').attr('style','pointer-events: none;'); select 设置灰色 $('#xxx').attr('style','background-color: #EEEEEE;'); 禁用且灰色 $('#xxx').a
设置单选框不可选，但可以传输数据
江嘉宝の博客
05-27 8800
需求：修改公告信息时，屏幕类型（单选框）不能更改 问题：单选框设置为readonly，依旧可以点击选择；设置为disabled，是不能选了，但数据也不能传输 期望：正确控制单选框可选与否 + 可以数据传输 解决：选中的单选框正常，未被选中的单选框disabled 启发：可以把一个整体拆成多个部分，分而治之
html 单选按钮不可操作,jQuery设置单选按钮radio选中/不可用的实例代码
weixin_39621495的博客
06-16 757
因为本 part 是“jQuery日常使用篇”，所以都是由具体需求出发，总结需要用到的知识点。代码写得未必很好，达到目标就好。那么我们先来看看这次的需求：色块模式基于彩色模式，即开了彩色才能开色块，彩色处于关闭的时候色块不可用，开启彩色时色块radio可用，关闭彩色时如果色块处于开的话需要把它关掉，大概就这样。我们先来看看演示效果：我们接下来看看jQuery对单选按钮 radio 的操作。1. 彩...
jquery 文本框、下拉框、单选按钮禁用
luquan776的专栏
03-21 921
----能够修改只是针对图片进行修改，其他不让修改begin--------- $("#Name").attr("readonly", "readonly"); //姓名 $('#ExamineeNumber').attr("readonly", "readonly"); //考生号 $("#IDNumber").attr("readonly", "readonl...
jquery监听单选按钮
05-31
要监听单选按钮的选中状态，可以使用jQuery的`change()`方法。以下是示例代码： ```html $(document).ready(function() { $('input[name="myRadio"]').change(function() { if ($(this).is(':checked') && $...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值