html中radio怎么更改按钮形状

html中radio怎么更改按钮形状,第1张

单纯radio无法利用css改变形状。

但是可以利用css+其他标签(如div,li)的方式,将这些标签设置成radio的样式,然后通过js来实现radio的功能。

具体您可以百度一下“icheck”这个关键词。相信里面有你需要的。

需要使用JS进行代码激活。

默认情况下iCheck是不生效的,需要使用JS激活之后才可以正常显示生效。

iCheck,复选框、单选框控件美化插件,主要作用为:渲染并美化当前页面的复选框或单选框,响应复选框或单选框的点击事件。

$('#chkall').on('ifChecked', function(event){

$('input#ck_id').iCheck('check')

})

$('#chkall').on('ifUnchecked', function(event){

$('input#ck_id').iCheck('uncheck')

})

代码解释:

#chkall 是你全选选项的ID

input#ck_id 是选项中ID为ck_id的

根据你自己需求修改。

综合解释:点击#chkall选项将全选所有ID为ck_id的选项。

加载icheck插件的前提下,在表单底部插入以上代码即可实现全选。


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

原文地址:https://54852.com/zaji/8307338.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存