如何删除未选中复选框上的文本框值？答案

【问题标题】：how to remove text box value on check box unchecked?如何删除未选中复选框上的文本框值？
【发布时间】：2014-03-13 06:34:13
【问题描述】：

嗨，我有两个复选框 PlanA 和 AndroidApps 和一个文本框，当我选中复选框然后启用文本框时，当我取消选中 thrn 文本 dox 禁用但问题是当启用 tex 框并且我在文本框中写一些东西然后取消选中我的复选框，然后我的文本框被禁用，但我输入的文本不会删除，文本框也不会清除

这是我的代码

<!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>

我怎样才能做到这一点

提前致谢

【问题讨论】：

标签： javascript jquery checkbox

【解决方案1】：

您可以使用val()来设置input的值：

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

Updated Fiddle

【讨论】：

【解决方案2】：

添加条件

$(document).ready(function () {
    $('#main_box').on('change', function (e) {
        $("#a2").prop("checked", this.checked);
        $("#emailid").prop("disabled", !this.checked);
        if(!this.checked){
            $("#emailid").val('');
        }
    });
});

演示：Fiddle

【讨论】：

【解决方案3】：

使用此链接:: http://jsfiddle.net/rjha999/DM9b9/

包含复选框检查代码::

$("#chk").click(function(){
     if($("#chk").is(":checked"))
     {
        $("#txt").val('');
     }
})

【讨论】：

【解决方案4】：

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

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

如果您正在检索值，则使用：

$(selector).val()

不要混淆这两个

希望这会有所帮助..

【讨论】：