jquery实现取消复选框后控件不可用,选中可用(代码)
程序员文章站
2022-05-16 10:38:32
...
本篇文章给大家带来的内容是关于jquery实现取消复选框后控件不可用,选中可用(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
标签内容
<div class="box"> 请编写javascript代码,完成如下功能要求:<br /> 1.取消复选款后,要求促销价格、促销开始结束日期3个控件不可用。<br /> 2.选中复选框后,要求促销价格、促销开始结束日期3个控件可用。 </div> <div class="box"> <table id="table1" class="mytable"> <tr> <td>是否促销:</td> <td><input type="checkbox" id="chkPromote" /></td> </tr> <tr> <td> 促销价格: </td> <td> <input type="text" id="txtPromotePrice" /> </td> </tr> <tr> <td> 促销日期: </td> <td> <input type="text" id="txtStart" />- <input type="text" id="txtEnd" /> </td> </tr> </table> </div> Jquery内容 <script> $(function () { $("input[type=text]").attr("disabled", true).val("不可使用"); $("input[type=checkbox]").click(function () { var $cr = $("input[type=checkbox]"); if ($cr.is(":checked")) { $("input[type=text]").attr("disabled", false).val("可以使用"); } else { $("input[type=text]").attr("disabled", true).val("不可使用"); } }); }); </script>
相关推荐:
以上就是jquery实现取消复选框后控件不可用,选中可用(代码)的详细内容,更多请关注其它相关文章!