zoukankan      html  css  js  c++  java
  • weui 弹框中的单选效果

    <!--性别修改弹框-->
                        <div class="weui_dialog_alert" id="doctorSexDialog" style="display: none;">
                            <div class="weui_mask"></div>
                            <div class="weui_dialog">
                                <div class="weui_dialog_hd"><strong class="weui_dialog_title">医生性别</strong></div>
                                <div class="weui_dialog_bd">
                                    <!--选择性别-->
                                    <div class="weui-cells weui-cells_radio"> 
                                        <label class="weui-cell weui-check__label" for="r1"> 
                                            <div class="weui-cell__bd"></div> 
                                            <div class="weui-cell__ft"> 
                                                <input required="" type="radio" class="weui-check" name="sex" value="男" id="r1" tips="请选择性别"> 
                                                    <span class="weui-icon-checked"></span> 
                                            </div> 
                                        </label> 
                                        <label class="weui-cell weui-check__label" for="r2"> 
                                            <div class="weui-cell__bd"></div> 
                                            <div class="weui-cell__ft"> 
                                                <input type="radio" name="sex" class="weui-check" value="女" id="r2"> 
                                                    <span class="weui-icon-checked"></span> 
                                            </div> 
                                        </label> 
                                    </div>
                                    <!--选择性别-->
                                </div>
                                <div class="weui_dialog_ft">
                                    <div id="saveDoctorSex" class="weui_btn_dialog primary">确定</div>
                                </div>
                            </div>
                        </div>
    $('#saveDoctorSex').click(function(){
            var doctorSex = $("input[name='sex']:checked").val();
            console.log("3416456" + doctorSex);
            
            $('#doctorSexShow').html(doctorSex);
        });
  • 相关阅读:
    MySQL 数据类型
    MySQL 存储引擎
    在Windows上安装MySQL
    windows 查看端口占用
    Linux 配置静态IP
    Nginx 核心配置
    Nginx 简介
    Linux下使用Nginx
    Tomcat 核心配置
    Tomcat 项目部署、账户配置、状态监测
  • 原文地址:https://www.cnblogs.com/baiyygynui/p/6259767.html
Copyright © 2011-2022 走看看