JQuery 控制 radio 只读

最新推荐文章于 2020-12-31 00:41:02 发布
最新推荐文章于 2020-12-31 00:41:02 发布 · 3.5k 阅读 · 1
文章标签：

#javascript #ViewUI

本文详细介绍了如何使用JavaScript设置Radio按钮为只读状态，包括单个和批量设置的方法，并提供了相关代码示例。适用于前端开发者。

一、想让radio只读，就是想radio不可以修改。有一种场景是：让没有选中的radio不可以修改。代码如下：

$("input[name='tempProduct.isMustInvoice'][value='0']").attr("disabled",true);

 将值为0的radio设置不可以修改，这种设置的好外是：选中的radio值可以传入后台进行操作。

二、设置可修改的代码：

$("input[name='tempProduct.isMustInvoice'][value='0']").attr("disabled",false);

 

 三、将所有的radio设置为只读

$("input[name='tempProduct.isMustInvoice']").each(function(){
	$(this).attr("disabled",true);
});

  

参考信息：

http://zzliansmile.iteye.com/blog/1027961

jquery 设置select checkbox radio只读
11-17
昨天网上找了很多关于设置select checkbox radio只读的，都没办法满足要求，自己写了一个
Jquery操作Radio的只读属性
一个人旅行
05-04 3663
Jquery操作radio单选按钮只读状态，只设置未选中的radio的disabled属性，这样，提交时仍可以保存被选中的值。 $("input[id=radioid]").each(function(){ if(!(this).attr("checked")){ $(this).attr("disabled", true); } }); ...
jquery设置复选框为只读_JQuery 设置checkbox select radio 为“只读”
weixin_31965935的博客
12-23 703
JQuery 设置checkbox select radio 为“只读”，通过测试知道使用HTML标签的 text 和 textarea 、button 可以设置readonly="readonly"属性。但是checkbox 、select、 radio 这三个控件使用起来不能使用readonly="readonly"属性，只有disabled="disabled"可以使用。这样就出现问题了...
JQuery 设置checkbox select radio 为“只读”
vincent_void的专栏
04-20 1万+
JQuery  设置checkbox select radio 为“只读”，通过测试知道使用HTML标签的 text 和 textarea 、button 可以设置readonly="readonly"属性。 但是checkbox 、select、 radio 这三个控件使用起来不能使用readonly="readonly"属性，只有 disabled="disabled"可以使用。 这样就出
jQuery设置radio、select、checkbox只读属性后，如何在后台得到数据
weixin_30851867的博客
08-24 361
1 设置表单的readonly属性 对于radio、select、checkbox来说，readonly属性对这三个标签不起什么作用。 2 设置表单的disabled属性 以radio为例说明。 代码示例： $("input[name='radio名']").attr("disabled","disabled")//将...
jquery 设置只读
pengfeicao521的专栏
10-23 479
$("input[type='radio']").attr('disabled','disabled'); $("input[type='checkbox']").attr('disabled','disabled'); $("input,textarea").each(function(){ $(this).attr('readonly','readonly'); ...
radio按扭设置只读_基础问题：设置radio、select、checkbox 的readonly 属性
weixin_39859988的博客
12-18 1221
编辑记录的时候，有时候需要禁止用户修改某些项目，常用的方法有以下两种：1》设置表单的readonly属性问题：但是readonly属性对radio、select、checkbox这三个表单不起什么作用2》设置表单的disabled属性问题：设置了disabled属性后，后台读取不到数据办法：1、设置disabled属性，并把表单值存入hidden隐藏域中2、使用用jquery控制(加载页面的时候设...
jquery设置表单元素只读_jQuery为文本框添加只读属性readOnly
weixin_34268604的博客
12-31 235
//为radio组写一个functionfunction ynchecked(aidclass,id){var resluts=false;for(var i=0;i{if($("."+aidclass+"[id="+id+i+"]").attr("checked")){resluts=true;}}return resluts;}//调用以上过程if(ynchecked("R0","RadioG...
radio标签实现：只读+正常传值
MiracleSang的博客
08-06 3058
radio标签实现：只读+正常传值 问题描述 在编程中经常遇到radio标签需要实现只读的情况，但因为radio控件本身就是只读了，所以加readonly等于没效果，所以一般会加disabled实现只读，但这种方式在提交表单时服务器端就不能读取到值了。 解决办法 1.使用hidden传值，较麻烦； 2.使用onClick=‘javascript:return false’ <input name="sex" type="radio" value="1" onClick='javascript:
radio标签的只读实现
study4034的专栏
06-29 9547
radio标签的只读实现网上看到一些实现radio标签只读的代码，但是并不合适我的使用场景，漫不经心的写着代码，无意说写出了一个新的实现方式，非常的简单。 原理：记录选中值，这样方便的实现radio的取消选中以及只读。 js代码如下 var tempbsRadios = document.getElementsByName("bbjFlag"); var tempbsRadio = nul
element 修改表单值后表单验证无效_表单中Readonly和Disabled的区别详解
weixin_39562928的博客
11-25 1497
这篇文章主要介绍了表单中Readonly和Disabled的区别详解，需要了解相关信息的小伙伴们快来仔细研究下吧表单中Readonly和Disabled的区别详解Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：Readonly只针对input(text / password)和textarea有效，而di...
JavaScript 控制Radio只读
Adonis的专栏
11-26 2663
这里要实现的功能是要通过选中【radio】的状态，来控制另一组【radio】的只读和可编辑状态 当然实现这种功能的方法有很多，因为特别的需要，这里使用Jquery获取input的name的方式来实现 Radio Test function onClickLxFunction(){       var str=$("input[name='rr']:checked").v
小技巧要你命三千之:checkbox radio select 只读效果
观千剑而后识器，操千曲而后晓声。
03-29 1318
checkbox的只读效果：           radio的只读效果：         select的只读效果：                 1           2           3           4           
如何让radio控制只读不能选择
热门推荐
霓虹深处
11-07 2万+
工作中经常会遇到控制radio只读，不能选择，使用disabled的时候，在表单提交的时候得不到radio的值，怎么办呢？ <div class="form-group"> <label class="col-sm-3 control-label">Method：</label> <div cl...
<input type="radio" />的选中和禁用
zkdceo的专栏
01-17 1万+
的选中和禁用 选中： 多个单选框用时，要形成只能单选的效果必须name 是一样的，想选中某个框要用checked，如，不用checked="true"这样写。（zkdceo亲测） 禁用(转)： 禁用 radio ,设置为只读，不能选定： disabled/>   ----（zkdceo亲测）         男         disabl
使用jquery禁用radio
u014041540的博客
07-03 8696
1-6-1 //等待dom元素加载完毕. $(document).ready(function(){     var $cr = $("#field111");  //jQuery对象 var $cr1= $("#field112");     $cr.click(function(){         if($cr.is(":checked")){ //jQuery方
jquery设置radio只读
最新发布
06-13
在jQuery中，要设置单选按钮（radio）为只读状态，你可以使用`attr()`方法来改变`disabled`属性。`disabled`属性用于禁用HTML元素，包括radio按钮。下面是设置单个radio按钮为只读的示例： ```javascript // 选择某个radio按钮 var radioElement = $('#your-radio-button-id'); // 设置为只读 radioElement.attr('disabled', 'disabled'); ``` 如果你想要批量操作多个radio按钮，可以遍历它们并调用相同的`attr()`方法： ```javascript // 获取所有的radio按钮 var radios = $('input[type="radio"]'); // 遍历并设置为只读 radios.each(function() { $(this).attr('disabled', 'disabled'); }); ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值