如何将一个选择器和事件绑定到单选按钮

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

使用 trigger 触发事件。

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

Answer 2

试试这个：

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

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

Answer 3

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

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

  $radio1.click(actionIfChecked);
});

编辑：从其他回复来看，我可能误解了这个问题。

Answer 4

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

Answer 5

我不确定这是否是您正在寻找的内容，但它可能会有所帮助：

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

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