Jquery 选中复选框时追加文本

当复选框被选中时，我在尝试将文本附加到标签时遇到问题。当我提交表单时，文本被发送到用户用Mandrill输入的电子邮件地址

我面临的问题是，即使我选中了复选框，我也总是得到假值。我已经看过“Check-checkbox-checked属性”，但在我的案例中没有一个解决方案是有效的。我有以下html和jQuery：

HTML:

jQuery：

如果（$（'#chkbox1'）。是（':checked'））{
$（“#lbl1”）.append（“\n Checked is true！”）；
}否则{
$（“#lbl1”）.append（“\n Checked为false！”）；
}

任何帮助都将不胜感激

---

谢谢。

将代码包装在就绪处理程序中，您可以使用添加文本和换行符：

$(function(){
if($('#chkbox1').is(':checked')) {
 $('#lbl1').html("<br />Checked is true!");//use <br /> instead of \n
}else {
  $('#lbl1').html("<br />Checked is false!");
}
});

$（函数（）{
如果（$（'#chkbox1'）。是（':checked'））{
$（“#lbl1”）.html（“
检查为真！”；//使用
而不是\n
}否则{
$（'#lbl1'）.html（“
选中为false！”）；
}
});

如果单击时需要，请在更改事件中使用条件代码，如下所示：

$(function(){
$('#chkbox1').on('change',function(){
  if($(this).is(':checked')) {
    $('#lbl1').html("<br />Checked is true!");//use <br /> instead of \n
  }else {
    $('#lbl1').html("<br />Checked is false!");
  }
});
});

$（函数（）{
$（'#chkbox1'）。on（'change'，function（）{
如果（$（this）.is（':checked'））{
$（“#lbl1”）.html（“
检查为真！”；//使用
而不是\n
}否则{
$（'#lbl1'）.html（“
选中为false！”）；
}
});
});

---

试试这个，你的问题就解决了

像这样的怎么样？事件在复选框上的什么位置

HTML

<form id="vcardForm" method="post">
    <input id="chkbox1" type="checkbox" /> Check <br />
    <label id="lbl1"></label>
    <input type="submit" id="submitbtn" text="submit" />
</form>

---

您需要先使用“单击”复选框，然后选中“检查”。下面是代码或者你可以参考js fiddle

$(document) .ready(function(){
$('#chkbox1').on('click',function(){
    if($(this).is(':checked'))
       {
          $('#lbl1').html('checked');
       }
       else
       {
          $('#lbl1').html('pls check ');
      }
})  });

您需要的一切：

$("#chkbox1").change(function(){
  $('#lbl1').text("Checked is "+ this.checked +"!");
});

---

你的意思是不包括结束形式标签吗？我好像忘了把它包括在我的帖子里，我的坏消息。在我的代码中包含了它，所以这不是问题。没关系：）我一直都在做。我认为你需要一个事件发生，这是有效的工作。请查看下面我的答案。

\n

没有用。这只是一种逃避，通过这样做，你实际上是在一次又一次地追加文本。我可能想跟OP澄清一下，这就是他们想要的。我试过了，效果很好，非常感谢。我已经找了几个小时的答案不客气。如果可以的话，我会使用类来实现这个功能，以防您需要在多个地方使用它。例如，如果您有多个复选框，或者您在其他页面上使用该功能。祝你好运

<form id="vcardForm" method="post">
    <input id="chkbox1" type="checkbox" /> Check <br />
    <label id="lbl1"></label>
    <input type="submit" id="submitbtn" text="submit" />
</form>

$("#chkbox1").click( function()
{
    if($('#chkbox1').is(':checked')) 
    {
     $('#lbl1').text("Checked is true!");
    }
    else 
    {
      $('#lbl1').text("Checked is false!");
    }
});

$(document) .ready(function(){
$('#chkbox1').on('click',function(){
    if($(this).is(':checked'))
       {
          $('#lbl1').html('checked');
       }
       else
       {
          $('#lbl1').html('pls check ');
      }
})  });

$("#chkbox1").change(function(){
  $('#lbl1').text("Checked is "+ this.checked +"!");
});