使用jquery禁用radio

最新推荐文章于 2021-01-13 14:10:55 发布
最新推荐文章于 2021-01-13 14:10:55 发布
阅读量8.6k 收藏 1
点赞数
分类专栏： HTML/CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014041540/article/details/46742507
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-6-1</title>
<!-- 引入 jQuery -->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<link title="style1" rel="stylesheet" href="css/charts.css" type="text/css" />
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
    var $cr = $("#field111");  //jQuery对象
var $cr1= $("#field112");
    $cr.click(function(){
        if($cr.is(":checked")){ //jQuery方式判断
          { 
// alert("感谢你的支持!你可以继续操作！");
$("#field113").attr("disabled",true);
$("#field114").attr("disabled",true);
$("#field115").attr("disabled",true);
$("#field116").attr("disabled",true);
$("#field117").attr("disabled",true);
$("#field113").removeAttr("checked");
$("#field114").removeAttr("checked");
$("#field115").removeAttr("checked");
$("#field116").removeAttr("checked");
$("#field117").removeAttr("checked");
 }
        }
})
$cr1.click(function(){
if($cr1.is(":checked")){
// alert("ok");
$("#field113").removeAttr("disabled");
$("#field114").removeAttr("disabled");
$("#field115").removeAttr("disabled");
$("#field116").removeAttr("disabled");
$("#field117").removeAttr("disabled");
}
    })
});
</script>
</head>
<body>
<fieldset>
<legend> 请选择查看的数据类型</legend>
<label class="left">
<input type="radio" class="radio_input" name="field99" id="field111" value="rtdata" />实时数据<br/>
</label>
<label class="left">
<input type="radio" class="radio_input" name="field99" id="field112" value="hsdata" />历史数据<br/>
</label>
</fieldset>
   <fieldset>
        <div class="form-row-select">


            <fieldset style="width:500px;">
                <legend class="optional">选择您想查看的参数</legend>
                <label class="left">
<input type="radio" class="radio_input" name="field11" id="field113" value="amp" />幅值<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field114" value="freq"/>频率<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field115" value="attenuation_coefficient"/>衰减系数<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field116" value="isElec"/>是否上电<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field117" value="temp"/>温度<br />
</label>
            </fieldset> 
         
        </div>
    </fieldset>  
</body>
</html>
swrd2014
关注
专栏目录
html 禁止选中单选按钮,jQuery禁用基于Radio选择的SELECT选项（需要支持所有浏览器）...
weixin_40001442的博客
06-23 693
你想要这样的东西$(function(){$("input:radio[@name='abc123']").click(function(){if($(this).attr('id')=='abc'){//Disable123andEnableabc$("#theOptionsoption[value='1']").attr("disabled","disabled");$(...
jquery 中的radio的属性设置
dcrose的博客
10-12 3800
将后端返回值取出，并取出单选框所对应的值（d_date），利用嵌套的三目运算判断前后端日期，从而保持单选框的状态。${map.d_date }  对应的function 可以有很多种设置方法，都能满足需求 form0.submit(); // $("input[type='radio']:checked").attr("checked",true); // $("input[typ
JQuery之禁用radio、select、checkbox
ZT的专栏
12-23 1401
$(document).ready(function(){ var input = $("#appDIV").find("input:radio"); input.attr("disabled","disabled"); input.each(function(){ if($(this).val()==2){ $(this).attr("c
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 />
jquery设置radio选中以及radio、select、checkbox禁用
zhaowei705523962的专栏
11-16 3438
由于浏览器的不同radio按钮的选中经常不好用 jquery 中radio的选中 $("input[name=‘sex’]:eq(0)").attr("checked",'checked')； JQuery中radio、select、checkbox禁用 JQuery代码： $(document).ready(function(){        var input = $(“
利用jquery操作Radio方法小结
12-01
Radio按钮常用于实现单选选择功能，以下是对利用jQuery操作Radio的一些常见方法的总结： 1. **改变Radio的选择并触发事件**： 当用户改变Radio的选中状态时，可以绑定`change`事件来执行特定的操作。例如，当用户...
jQuery设置单选按钮radio选中/不可用的实例代码
10-22
在本文中，我们主要探讨了如何使用jQuery来设置HTML表单中的单选按钮（radio按钮）的选中状态和禁用状态。单选按钮允许用户从一组选项中只选择一个选项。在某些情况下，我们可能需要根据应用程序的逻辑来动态控制...
jQuery操作input type=radio的实现代码
10-28
以下知识点涵盖了使用jQuery操作单选按钮的各种方法及其应用场景。 知识点一：获取选中的单选按钮的值 通过jQuery可以很容易地获取到用户选择的单选按钮的值。使用`:checked`选择器，可以选取到被选中的单选按钮。...
layui中select，radio设置不生效的解决方法
10-16
1. **禁用状态的解除**：文章中提到了使用jQuery来控制元素的启用与禁用状态。例如，可以使用`$("input").attr("disabled",true);`来禁用输入框，相反，通过`$("input").removeAttr("disabled");`可以解除禁用。 2....
javascript radio 全选禁用与取消
macleo的路
06-03 4284
全选禁用与取消function checkall(form){  for(var i=0;i  {    var e=form.elements[i]; if(e.type==radio) e.disabled=form.radio[0].checked;   }}  1  2  3  4  5      
jq控制radio点击取消
mirkmf110的博客
02-07 895
var radioBoxCheck = function () { $("input[type='radio']").each(function () { this["data-checked"] = this.checked; $(this).click(function () { var now
JS控制HTML取消所有Radio的选择，并不可选择。
violetjack的专栏
08-12 2万+
需求：有选项1和选项2两个radio，如果点击选项1可以选择子radio选项，点击选项2则清空子radio的选项。
Jquery—JQuery对radio的操作(01)
gaohuanjie的专栏
05-07 4376
JQuery对radio的操作是多方面的，不能穷尽的，在这里先总结一下工作过程中用到的一些操作，以后再遇到其它的关于JQuery对radio的操作再做总结： 1、禁用checkbox标签： JQue
js有什么方法使radio、eckbox、select不可用??
feiyafei2008的专栏
06-18 6631
disabled readonly="true" size="10" />     js有什么方法使radio、eckbox、select不可用?? 不要用disabled这个属性去设置.就像是:  这样的效果,由于radio、eckbox、select用readonly=true还是可以选择，请问高手们有什么别的方法可以做到？？？   html xmlns="htt
Jquery操作Radio的只读属性
一个人旅行
05-04 3586
Jquery操作radio单选按钮只读状态，只设置未选中的radio的disabled属性，这样，提交时仍可以保存被选中的值。 $("input[id=radioid]").each(function(){ if(!(this).attr("checked")){ $(this).attr("disabled", true); } }); ...
jQuery：radio change事件及控件enabled、disabled设置
handsometone1982的专栏
03-25 2万+
每季： <asp:RadioButton ID="rbJi" runat="server" GroupName="Ji" Text="季首月" Checked="True" />
设置单选框radio不可选（禁用）
Claer_XX的博客
01-13 2万+
readonly属性对radio、select、checkbox这三个表单无效，设置disabled属性后，读取不到值 在网络上找到思路，总结出如下三种解决方案 把表单值存入<input type="hidden" >中，如果代码中要改变选中则同时要赋值给该输入框 提交表单前先移除disabled属性，不提交表单时或提交表单后设置disabled属性（代码中要改变选中前先移除disabled属性） 只设置没有选中的input框disabled属性 （代码中要改变选中时先移除disabled
jquery设置radio只读
最新发布
06-13
在jQuery中，要设置单选按钮（radio）为只读状态，你可以使用`attr()`方法来改变`disabled`属性。`disabled`属性用于禁用HTML元素，包括radio按钮。下面是设置单个radio按钮为只读的示例： ```javascript // 选择...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值