选项卡切换

国际域名 国内域名

  <div class="domain-type-tab">
      <label> <input name="domain_price" type="radio" data-val="i_domain" checked="">国际域名</label>
      <label> <input name="domain_price" type="radio" data-val="c_domain">国内域名</label>                             
 </div>

   <div class="type-body" id="c_domain" style="display: block;"></div>

  <div class="type-body" id="i_domain" style="display: none;"></div>

$(function(){
 $(".domain-type-tab input").click(function(){
 var domain=$(this).attr("data-val")
 if(domain=="i_domain"){
 $("#i_domain").css("display","block")
 $("#c_domain").css("display","none")
 }else if(domain=="c_domain"){
 $("#c_domain").css("display","block")
 $("#i_domain").css("display","none")
 } 
 })  
 })