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

时间:2010-12-02 18:03:26

标签: jquery jquery-selectors

我正在编辑这个问题很明显我在加载文档时默认选中了“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()来选择它。我不想那样做。

5 个答案:

答案 0 :(得分:0)

使用trigger触发事件。

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

答案 1 :(得分:0)

试试这个:

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

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

答案 2 :(得分:0)

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

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

  $radio1.click(actionIfChecked);
});

编辑:我可能误解了这个问题,从其他回答来判断。

答案 3 :(得分:0)

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

答案 4 :(得分:0)

我不确定这是否是您正在寻找的,但它可能有所帮助:

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

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