选中复选框后,自动选择文本框

Question

我有这个JQuery脚本,需要用户选中一个复选框才能输入文本框.选中复选框后,我希望自动选择文本框,而不是手动选择.

这是JQuery代码

 <script type="text/javascript">
   $(document).ready(function(){
      $('#threadTitleCheckbox').click(function(){
       if($(this).is(":checked"))
         $("#threadTitleCheck").removeAttr("disabled");
       else
         $("#threadTitleCheck").attr("disabled" , "disabled");
   });
   });
   </script>

这是复选框的HTML代码

<dl class="ctrlUnit fullWidth">
        <dd><input type="checkbox" id="threadTitleCheckbox" name="threadTitleCheckbox" /><font style="margin-left:5px;">I believe {$forum.title} is the best forum for this topic.</font></dd>
</dl>

这是文本框的HTML代码

<dt><label for="threadTitleCheck">{xen:phrase title}:</label></dt>
<dd><input type="text" name="threadTitleCheck" class="textCtrl titleCtrl" id="threadTitleCheck" maxlength="100" autofocus="true" disabled placeholder="{xen:phrase thread_title}..." value="{$title}"
                data-liveTitleTemplate="{xen:phrase create_thread}: <em>%s</em>" /></dd>

Answer 1

$(document).ready(function(){
  $('#threadTitleCheckbox').on('change', function(){
       $("#threadTitleCheck").prop("disabled", !this.checked).focus();
   });
});

小提琴