• 当前位置:首页 > Jquery > 实习笔记Jquery之checkbox的显示与隐藏
  • 博客搬到SAE了,这个还是比较省心的。不用老是为备份担心。
  • 开启友情赞助空间
  • 无聊了:[ 探索发现 ] 一下,精彩文章等着你哦!

实习笔记Jquery之checkbox的显示与隐藏

2014-02-25 10:43

4,638阅览 1条评 Jquery arno

<head>
<!--Jquery checkbox事件创建隐藏-->
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function () {
// 选择"有"
$("#allergy_1").bind("click", function () {
$("input[name='allergy_drug']").attr("disabled",false);
});
});

$(function () {
// 选择"无"
$("#allergy_0").bind("click", function () {
$("input[name='allergy_drug']").attr("disabled",true);
});
});

</script>
</head>

<tr>
<td><strong>药物过敏史</strong>
<label>
<input type="radio" name="allergy" value="无" id="allergy_0">
无</label>
<label>
<input type="radio" name="allergy" value="有" id="allergy_1">
有</label>
<label>
<input type="checkbox" name="allergy_drug" value="青霉素" id="allergy_drug_0">
青霉素</label>
<label>
<input type="checkbox" name="allergy_drug" value="磺胺" id="allergy_drug_1">
磺胺</label>
<label>
<input type="checkbox" name="allergy_drug" value="链霉素" id="allergy_drug_2">
链霉素</label>
<label>
<input type="checkbox" name="allergy_drug" value="其他" id="allergy_drug_3">
其他</label>
<label for="allery_other"></label>
<input type="text" name="allery_other" id="allery_other"></td>
</tr>

本文声明

除非注明,否则文章均为 " 枫林博客 " 原创,转载时请注明文章出处。


作者信息:arno \ 2014-02-25 10:43 \ 枫林博客 \

分类标签:Jquery,

本文地址:http://www.blogfeng.com/practice-notes-jquery-show-and-hide-the-checkbox.html

已经有1 条评论啦
  1. #1    2014-02-25 17:41 回复TA
    研究报告:

    写的挺不错的 谢谢博主分享

发表评论

* *



​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​