您的位置：首页 > Web前端 > JQuery

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

2015-09-18 14:09 567 查看
如图所示，当选中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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航