jquery - jQuery; ユーザーのクリックと :checked を組み合わせる

Question

基本的にチェックする2つのコードブロックがあります1）ラジオボタンのクリックイベントなど

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

2) ラジオ ボタンがチェックされているかどうかをチェックするコード ブロック。

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

私がやりたいのは、それぞれで実行されるアクションが同じであるため、コードを減らすために 2 つを組み合わせることです。

Answer 1

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

あなたが探しているのはトラバーサル法だと思います。

Answer 2

「変更」イベントは、チェックボックスにより適していると思います。

    $("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
});