標簽樣式單選及其函數回調前端基本寫法

在寫表單過程中,為了美化效果,input type=”radio”改變樣式兼容性不好,會采用標簽改變背景的方式,比如:

radio

以下是html:

radio1

第一種JS:

$('.set-radio span').on('click',function () {
  var elmt = $(this);
  var val = elmt.attr('attr-val');
  elmt.siblings("input[type='hidden']").val(val);
  elmt.addClass("active").siblings().removeClass("active");
});

第二種JS:

$(".set-radio span").click(function () {
  $(this).addClass("active").siblings().removeClass("active");
  var tt = $(this).html();
  if($(this).hasClass("active")){
    $(this).siblings("input").val(tt);
  }
  else {
    return false;
  }
})

未經允許不得轉載:小網站 » 標簽樣式單選及其函數回調前端基本寫法

贊 (0)

評論 0

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
丧尸之战2丧尸来袭电影
买平特一肖十期计划 四川时时号码 神算论坛97383C0m 重庆重庆快乐十分玩法 广东时时历史开奖记录查询 平特一肖來電 谁有幸运飞艇绝杀一码 福彩上海快3走势图 福建时时网 49码出码规律绝顶公式 青海湖盐桥 重庆时时趣味玩法 时时为什么20分才开 天津快乐前三直走势图 陕西快乐十分0625017期开奖 上海时时乐乐