jQuery；结合用户点击和 :checked

Question

我有两个代码块，主要检查 1）单选按钮上的单击事件，例如

$("input[id='frmSkill']").click(function(){ 
      //do something
});

2）一个代码块，用于检查单选按钮是否被选中：如果是，则执行一些操作，例如

if($("input[id='frmSkill']:checked").val()){
      //do something
});

我想要什么要做的是将两者结合起来以减少代码，因为每个操作下执行的操作都是相同的。

Answer 1

$("input[id='frmSkill']").click(function(){ 
      if($(this).is(":checked")) {
          // do something, e.g.
          alert($(this).val());
      } else {
          // do something else
      }
});

我认为您正在寻找 is 遍历方法。

Answer 2

我认为“change”事件更适合于复选框：

    $("input[id='frmSkill']").bind('change',function(){ 
      if($(this).is(':checked')){
         // do something
      }
    });

Answer 3

可以在这两种情况下使用的单独函数：

function OnClickOrCheck(){
// code for both cases here
}

$("input[id='frmSkill']").click(OnClickOrCheck);

if($("input[id='frmSkill']:checked").val()){
OnClickOrCheck();
}

Answer 4

为什么你们都把事情复杂化了？

$("input[id='frmSkill']").change(function(){
    // Your Code Here
});