2

我正在使用 jquery 来获取复选框的值。但是，正在发生的事情是该值被重复，并且似乎正在获取 while 循环中所有复选框的值。如果有人能指出我的错误，我将不胜感激。谢谢你。

更新：当前代码。现在只选择第一个条目。进一步单击复选框时没有输出。

PHP 代码

while($row = mysql_fetch_array($result)) 
{
    $ticket = $row['ticket_frm'];
    $rowdate = date("d/m/Y",strtotime($row['date_frm']));
    $id = $row['id_frm'];
    $from = $row['from_frm'];
    $subject = $row['subject_frm'];
    $message = $row['message_frm'];

    $myString = <<<EOF
    <span><input id="check" type="checkbox" name="delete" value="<?php echo $ticket ?>"></span>
    <div class='msgTrue buttonMailTrue' data-message='%s' data-subject='%s' data-rowdate='%s' data-from='%s'>

    <img src="images/sml_new_mail_icon.gif" class="mailIcon" alt="" />$subject;
    <div class="rowdate">$rowdate</div><br />
    <span class="mailFrom">$from</span>
    </div>
    <p class="checked"></p>
    <!-- The following end tag need to be at the start of the line -->
    EOF;
    printf($myString, $message, $subject, $rowdate, $from);
}   echo '<p class="checked">'.'</p>';

jQuery 代码

$(function() {
    $("#check").click(function() {
       var isChecked = $(this).prop("checked");  // or $(this).prop("checked")
         if (isChecked) {
           $("p.checked").html("Checkbox is checked: <b>True</b>");
       } else {
           $("p.checked").html("Checkbox is checked: <b>False</b>");
}

}); });

4

4 回答 4

2

input class="check"根据您的代码和选择器，您的页面上有很多元素。
您可以通过类名找到它们，所以这就是它们重复的原因。

使用id-attribute 和$("#id")语法来获取正确的值，或this在代码中使用关键字：

//var isChecked = $('.check').is(':checked'); - wrong
var isChecked = $(this).is(':checked'); // right

更新：
您没有id为您的元素提供唯一性。因为这行不通。您的错误与之前相同。
试试这个代码：

<input id="check$ticket" type="checkbox" name="delete" value="<?php echo $ticket ?>">

javascript 也一样 - 你必须通过它的独特性来找到元素id

  $("#check" + TICKET_NUMBER_HERE).click(function() {
   var isChecked = $(this).prop("checked");  // or $(this).prop("checked")
     if (isChecked) {
       $("p.checked").html("Checkbox is checked: <b>True</b>");
   } else {
       $("p.checked").html("Checkbox is checked: <b>False</b>");
于 2012-11-20T10:38:33.003 回答
1

您应该使用this当前复选框：

$(".check").click(function() {
    var isChecked = this.checked;  // or $(this).prop("checked")
    if (isChecked) {
        $("p.checked").html("Checkbox is checked: <b>True</b>");
    } else {
        $("p.checked").html("Checkbox is checked: <b>False</b>");
    }
});
于 2012-11-20T10:36:32.587 回答
1

将您的 jquery 代码更改为。由于 $('.check') 返回对象数组，因此默认情况下仅检查第一个对象的属性

$(function() {
  $('.check').click(function(){
    var isChecked = $(this).is(':checked');
    alert(isChecked);
    if(isChecked)
      $('p.checked').html('Checkbox is checked: <b>True</b>');
    else
      $('p.checked').html('Checkbox is checked: <b>False</b>');
  });
});
于 2012-11-20T10:38:09.147 回答
1

尝试 

$(".check").click( function() { 
    $("p.checked").html( 
        "Checkbox is checked: <b>" + $(this).is(":checked") + "</b>" );
}
于 2012-11-20T10:45:15.367 回答