javascript - 如何删除未选中的复选框上的文本框值?

标签 javascript jquery checkbox

嗨,我有两个复选框 PlanA 和 AndroidApps 以及一个文本框,当我选中复选框然后启用文本框时,当我取消选中 thrn text dox 时禁用,但问题是当文本框启用时,我在文本框中写了一些内容,然后取消选中我的复选框然后我的文本框被禁用,但我输入的文本不会删除,文本框也不会清除

这是我的代码

<!DOCTYPE html>
<html>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#main_box').on('change',function(e) {
        console.log("dfsd");
       $("#a2").prop("checked",this.checked);
     $("#emailid").prop("disabled", !$(this).is(':checked'));
    });
});
</script>
</head>

<body>

                <input id="main_box"type="checkbox" name="PlanA" value="A"><label for="PlanA"><span style="font-weight:bold">PlanA</span></label><br>
                <input name="PlanA" type="hidden" value=0 />


                <input type="checkbox" name="AndroidApps" id="a2" value=1><label for="AndroidApps"><span style="font-weight:bold">AndroidApps</span></label><br>
                <input name="AndroidApps" type="hidden" value=0 />


                         <input type="text" name="emailid"id="emailid"disabled="disabled" required size="45"  >

</body>
</html>

我怎样才能实现这个目标

提前致谢

最佳答案

您可以使用val() 设置输入的值:

$("#emailid").val('');

<强> Updated Fiddle

关于javascript - 如何删除未选中的复选框上的文本框值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22370860/

相关文章:

javascript - jquery/javascript 将 ul/li 元素插入此 html

c# - 带复选框的文件夹浏览对话框?

javascript - 从日期戳数组中获取唯一日期

php - 使用 JavaScript 和 PHP 对信用卡进行编码

javascript - document.getElementById().getContext ('2d' ) 不是函数

javascript - 在显示上执行过渡效果 :none element with hack

javascript - jQuery Firefox 处理 Tab 键上的行为

javascript - jQuery 单击外部元素可向上或向下移动包含选中复选框的无序列表项

react-native - react native 复选框不起作用

javascript - React 将数据从同一个子组件多次传递给父组件