[HTML5] radio改变触发change事件

最新推荐文章于 2024-06-29 19:21:44 发布

Sharpen_ice

最新推荐文章于 2024-06-29 19:21:44 发布

阅读量2w

点赞数

分类专栏：杂货铺文章标签： HTML5 jQuery

本文链接：https://blog.csdn.net/Sharpen_ice/article/details/79145595

版权

本文介绍了HTML5中使用radio的实现方法，并探讨了如何通过jQuery优化获取选中值的过程，避免冗余的if语句。利用name属性关联单选框，通过val()函数获取选项值，以及使用<label for="">结合next()方法获取radio后面的文字。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #frame{
            width:600px;
            height:300px;
            border:solid 0px gold;
        }
        #left{
            float:left;
        }
        #right{
            float:left;
            margin:30px;
        }
        fieldset{
            width:350px;
            height:200px;
        }
        img{
            width:140px;
            height:200px;
        }
        input{
            margin:15px;
        }
        .img1{
            width:140px;
            height:200px;
            border:solid 1px grey;
        }
        .img2{
            width:140px;
            height:200px;
            border:solid 1px red;
        }
        .img3{
            width:140px;
            height:200px;
            border:solid 3px red;
        }