Question

我正在尝试编写显示alert的代码，当选中复选框但它不起作用时。我在线尝试了不同的代码，但仍然无法使其工作。有谁可以帮助我。谢谢。

<div id="filterBox">
    <input type="checkbox" value="categorya" id="one" />
    <label for="one">One </label>

    <input type="checkbox" value="categorya" id="two" />
    <label for="two">Two </label>

    <input type="checkbox" value="categorya" id="three" />
    <label for="three">Three </label>
</div>

$(document).ready(function() {
    if ($('#one').is(":checked")) {
        console.log("testing");
    }
});

Answer 1

您缺少点击事件。你可以尝试如下。

$(document).ready(function(){
  $('input[type="checkbox"]').click(function(){
    if ($('#one').is(":checked")) {
        console.log("testing");
    }
  });
});

或者您可以按照@Rory McCrossan的建议使用如下更改事件。

$(document).ready(function(){
  $('input[type="checkbox"]').change(function(){
    if ($('#one').is(":checked")) {
        console.log("testing");
    }
  });
});

工作JSFiddle示例是here

Answer 2

你可以使用

 $(document).ready(function(){
    $("#one").change(function(){
      if ( $(this).prop('checked') == true ) {
        console.log("testing");
      }
    });
  });

Answer 3

或者不是创造3种不同的条件，

你可以将这一个用于所有

添加此javascript

$('input[type="checkbox"]').click(function(){

if ($('#'+this.id).is(":checked")) {
    console.log(this.id + " is checked");
}
});

Answer 4

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
       if (this.checked) {             
          alert(this.id);
       }
   });
});

Answer 5

试试这个，你需要在你的复选框上附加一个点击事件，下面也会避免特定的复选框检查。将处理每个复选框点击事件。

var result = context.MyTable
    .OrderBy(t => context.MyTable
        .Where(t1 => t1.GroupId == t.GroupId)
        .OrderByDescending(t1 => t1.DateAdded)
        .Select(t1 => t1.Title)
        .FirstOrDefault())
    .ThenByDescending(t => t.DateAdded);

使用jQuery中的复选框

5 个答案: