使用jquery禁用radio

最新推荐文章于 2024-04-23 14:02:43 发布

swrd2014

最新推荐文章于 2024-04-23 14:02:43 发布

阅读量8.5k

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/u014041540/article/details/46742507

版权

HTML/CSS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<!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>

<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

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
使用jquery禁用radio

1-6-1//等待dom元素加载完毕.$(document).ready(function(){ var $cr = $("#field111"); //jQuery对象var $cr1= $("#field112"); $cr.click(function(){ if($cr.is(":checked")){ //jQuery方
复制链接

扫一扫