jquery 获取radio的选中事件,radio默认选中时,显示其中一行tr,选中另外一个radio时,显示不同的tr记录

2024-12-27 08:17:37
推荐回答(3个)
回答1:

首先添加给radio添加绑定单击事件,可以直接使用onclick="",也可以用jquery绑定;

$(function() {

showCont();

$("input[name=price_type]").click(function() {

showCont();

});

});

function showCont(){

var normal = document.getElementById("price_type1");

var special = document.getElementById("price_type2");

if (normal.checked) {

$("#sellInfo2").hide();

$("#sellInfo1").show();

}

if (special.checked) {

$("#sellInfo1").hide();

$("#sellInfo2").show();

}

}

结果:

回答2:



$(function(){
 showCont();
 $("input[name=price_type]").click(function(){
  showCont();
 });
});
function showCont(){
 switch($("input[name=price_type]:checked").attr("id")){
  case "price_type1":
   //alert("one");
   $("#sellInfo2").hide();
   $("#sellInfo1").show();
   break;
  case "price_type2":
   $("#sellInfo1").hide();
   $("#sellInfo2").show();
   break;
  default:
   break;
 }
}

回答3:

你好!!


可以通过对radio绑定click事件来处理·····

下面的代码的实现--->>是通过将radio的索引与将要显示的TR的索引对应起来进行处理的······

$(function(){
    $(":radio[name='price_type']").click(function(){
          $("table tr:gt(0)").hide().eq( $(this).index() ).show();
    });
    $("#price_type1").trigger("click");
});

希望对你有帮助!!!