Как я могу привязать один селектор и событие к переключателю

Question

Я редактирую этот вопрос. Ясно, что "radio2" отмечен по умолчанию при загрузке документа. После этого пользователь может выбрать «radio1».

У меня есть две части кода:

Ручка при проверке

if($("#radio2:checked") && $("#somehidden").val()==="ABC") {
     //Do some Set of actions 
    $("#txt1").val("BCD");
    $("#txt2").val("ZXY");
}

Ручка при нажатии

$("#radio2").bind('click',function(){
  if($("#somehidden").val()==="ABC") {
    $("#txt1").val("BCD");
    $("#txt2").val("ZXY");
  }     
});

Я написал первую часть кода для загрузки документа. У меня такой же набор действий, и эти действия выглядят одинаково, когда мы нажимаем, что мы видели во второй части кода. У меня вопрос, я должен удалить первую часть кода, потому что, поскольку у меня уже есть условие скрытого значения при нажатии. Как я могу справиться с обоими? Я использую trigger(), чтобы выбрать его. Я не хочу этого делать.

Answer 1

Я не уверен, что это то, что вы ищете, но это может помочь:

if($("#radio1").attr("checked")){
    alert("Checked");
}

$(function() {
    $("#radio1").bind('click',function(){
        if(this.checked){
            alert("Checked");
        }
    });
});

Answer 2

$(function() {
  $("#radio1").bind('click',function(){
    if ($(this).is(":checked") {
       // Do your stuff
    }
  })
});

Answer 3

Попробуйте это:

$(function() {
  $("#radio1").bind('click',function(){
    alert("Checked");
  });

  $("#radio1").click(); // on ready
});

Answer 4

$(function() {
  var $radio1 = $("#radio1"),
      actionIfChecked = function() {
        alert("Checked");
      };

  $(window).load(function() {
    if ($radio1.is(":checked")) actionIfChecked();
  });

  $radio1.click(actionIfChecked);
});

Редактировать: возможно, я неправильно истолковал вопрос, судя по другим ответам.

Answer 5

Используйте trigger для запуска события.

$("#radio1").bind('click',function(){
    alert("Checked");
}).trigger('click'); //on ready;