Question

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

我面临的问题是，即使我选中了复选框，我也总是得到假值。我已经查看了＆＃34;检查复选框选中的属性＆＃34;但在我的案例中没有一个解决方案有效。我有以下html＆amp; jQuery的：

HTML：

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

jQuery的：

<script>
if($('#chkbox1').is(':checked')) {
 $('#lbl1').append("\n Checked is true!");
}else {
  $('#lbl1').append("\n Checked is false!");
}

    </script>

非常感谢任何帮助

感谢。

Answer 1

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

<强> 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>

<强> CSS

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

Fiddle demo

Answer 2

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

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

Answer 3

$('#chkbox1').change(function(){
    if($('#chkbox1').is(':checked')) {
    $('#lbl1').append("\n Checked is true!");
  }else {
    $('#lbl1').append("\n Checked is false!");
  }
});

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

Answer 4

首先需要点击复选框，然后检查是否已选中。下面是代码，或者你可以参考this js fiddle

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

Answer 5

您所需要的一切： jsBin demo

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

选中复选框时附加文本

5 个答案: