el-radio踩坑记

el-radio踩坑记,第1张

情景:当给elmentui中el-radio添加点击事件的时候,不生效

解决办法:

(1)直接在el-radio标签上将@click事件改成@change事件,绑定值变化时触发的事件,回调参数为选中的 Radio label 值

若还是不行,可以加.native修饰符,@change.native

(2)直接在el-radio-group上添加@change事件

给对应的radio加个类名或者Id,然后在在需要触发的函数里写上对应radio的点击事件,如在页面加载完成时点击:

<input type="radio" class="radiobox" />

$(document).ready(function(){

    $(".radiobox").click()

})

首先添加给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()

}

}

结果:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7968693.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存