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

在寫表單過程中,為了美化效果,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丧尸来袭电影
北京pk10走势图分析技巧 尚和合 手机上哪里有21点游戏 3肖主6码三肖六码期期必 送20元棋牌游戏平台电玩 218彩票 新强时时彩三星和值走势图 新世纪娱乐网站多少 百变人工计划 河北时时开奖结果查询 11选五计划手机版 重庆时时彩开奖记录 时时彩六码倍投方案 万人金花最新版下载 组选包胆投注技巧 二八杠有没有诀窍