在jquery中使用checkbox控件标签的隐藏和显示

来源：互联网发布：手机看片下什么软件编辑：程序博客网时间：2024/05/17 08:14

如图所示，当选中checkbox时，显示文本输入框，并使下拉框不可用；

当取消选中checkbox时，文本框隐藏，下拉框可用

代码如下：

<script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>    <script type="text/javascript">        $(function () {                    })        function changeState() {            if ($("#chkInputNew").is(':checked')) {                $("#sNew").show();                $("#selProductName").attr("disabled", true);            }            else {                $("#sNew").hide();                $("#selProductName").attr("disabled", false);            }        }    </script>

<select id="selProductName">                    </select>                    <input type="checkbox" id="chkInputNew" onclick="javascript:changeState();" />                    请输入新品名<span id="sNew" style="display: none"><input type="text" id="txtNewName" name="txtNewName" /></span>

0 0