首页 > 其他 > 详细

weui 弹框中的单选效果

时间:2017-01-07 18:28:03      阅读:2141      评论:0      收藏:0      [点我收藏+]

技术分享

<!--性别修改弹框-->
                    <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);
    });

 

weui 弹框中的单选效果

原文:http://www.cnblogs.com/baiyygynui/p/6259767.html

(2)
(2)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!