jquery怎么自动触发radio的点击事件

jquery怎么自动触发radio的点击事件,第1张

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

<inputtype="radio"class="radiobox"/>&#36(document).ready(function(){

&#36(".radiobox").click()

})

<script type="text/javascript">

// 两秒后模拟点击

setTimeout(function() {

// IE

if(document.all) {

document.getElementById("clickMe").click()

}

// 其它浏览器

else {

var e = document.createEvent("MouseEvents")

e.initEvent("click", true, true)

document.getElementById("clickMe").dispatchEvent(e)

}

}, 2000)

</script>

<a href="#" id="clickMe" onclick="alert('clicked')">link</a>

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

}

}

结果:

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

解决办法:

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存