Checkbox 通过jquery append根据复选框状态显示inputbox

我想根据复选框状态隐藏和显示inputbox。在我的例子中，这两个都由jquery追加，如下所示：

$container.append('<li><label><input type="checkbox" style="float:left"</label>
<input type="text" name="couple_answers['+index+']" id="couple_answers_'+index+'" maxlength="500" class="input-item form-control text-field"></li>');

$container.append（'

$（函数（）{
$（'#chk'）。on（'change'，function（）{
如果（选中此项）{
$（'#res'）.html（“”）；
}否则{
$（'#inp'）.hide（）；
}
});
})；

点击这里



谢谢@Ghanshyam Bhava的回答，这是用html显示的代码。但我想在html附加jquery@Naresh，检查更新的代码段。可能正是您想要的！