jquery - 在确认返回时启用输入字段

Question

我想启用一个输入字段，仅在选中付款复选框时才用于选择付款日期！点击复选框触发付款确认问题，如果确认复选框被选中，输入框将是可编辑的！这是不起作用的代码：

<script type="text/javascript">
  $(document).ready(function(){
    $("#talk").click(function(){
       return confirm("Did you pay the tax?");
      var isChecked = $('#talk').is(':checked');
      if(isChecked==true)
      {

        $("#paydate").html('<input type="text" id="name" placeholder="Enter the Date!" />');
      }
    });
  });
</script>

<div id="paydate">
<input type="checkbox" id="talk" />
<input type="text" id="name" readonly />
</div>

感谢您的帮助！

Answer 1

无需重新创建您的元素。
只需删除readonly属性：

$("#talk").click(function() {
    var isChecked = $('#talk').is(':checked');
    if (isChecked == true) {
        if (confirm("Did you pay the tax?")) {
            $('#name').removeAttr('readonly')
        }
    }
});

锁定复选框，正如您评论的那样，添加$(this).prop('disabled',true)之后$('#name').removeAttr('readonly')

Answer 2

尝试这个：

if(isChecked==true)
      {
        var a = confirm("Did you pay the tax?");
        if(a == true){
          $("#paydate").html('<input type="text" id="name" placeholder="Enter the Date!" />');
        }
      }

Answer 3

将您的代码更改为以下内容

<script type="text/javascript">
  $(document).ready(function(){
    $("#talk").click(function(){
      var isChecked = $('#talk').is(':checked');
      if(isChecked==true)
      {
       if(confirm("Did you pay the tax?"))
        $("#paydate").html('<input type="text" id="name" placeholder="Enter the Date!" 

/>');
      }
    });
  });
</script>

<div id="paydate">
<input type="checkbox" id="talk" />
<input type="text" id="name" readonly />
</div>

Answer 4

  $(document).ready(function(){
    $("#talk").click(function(){
      var isChecked = $('#talk').is(':checked');

      if(isChecked==true)
      {
        if(confirm("Did you pay the tax?"))
        $("#paydate").html('<input type="text" id="name" placeholder="Enter the Date!" />');
      }
    });
  });

示例：http: //jsfiddle.net/EH6CG/