Question

嗨我有两个复选框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>

我怎样才能实现这个目标

提前致谢

Answer 1

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

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

<强> Updated Fiddle

Answer 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

Answer 3

您可以使用val（）设置输入值：

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

如果您正在重新定价，请使用：

$(selector).val()

不要混淆那两个

希望这会有所帮助..

Answer 4

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

包含checkbox check ::

的代码

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

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

4 个答案: