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);
    });
时间: 2024-09-29 09:40:42

weui 弹框中的单选效果的相关文章

137在搜索框中实现下拉列表效果(扩展知识:表格视图数据源为空数据时显示提示信息)

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "DropDownListViewController.h" 3 4 @interface ViewController : UITableViewController<UISearchBarDelegate, PassValueDelegate> 5 @property (strong, nonatomic) UISearchBar *sear

在弹框中获取foreach中遍历的id值,并传递给地址栏(方法2)

1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢.第二种方法. 2. 可以在弹框中给出一个input hidden 点击按钮弹窗时把值赋值给input hidden.在弹窗中点击别的按钮时获取. 3.点击setup 传值 4.

layui layer弹框中表格的显示

场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: parent.layer.open({ type: 0, id: 'Layer', title: '标题', area: ['740px', '500px'], shade: 0, anim: -1, content: '<div class="table"></div>',

javascript实现组合列表框中元素移动效果

应用背景:在页面中有两个列表框,需要把其中一个列表框的元素移动到另一个列表框 .  实现的基本思想: (1)编写init方法对两个列表框进行初始化: (2)为body添加onload事件调用init方法: (3)编写move(s1,s2)把s1中选中的选项移到s2; (4)编写moveAll(s1,s2)把s1中所有的选项都移到s2. (5)为按钮添加onclick事件. javascript代码如下: 1 <script type="text/javascript" langu

页面弹框背景变暗的效果

<html> <head> <title>网页特效-窗口特效-弹出窗口后网页背景变暗的效果</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head>之间--> <style type="text/css"

bootstrap弹框去除遮罩层效果

是通过css解决这个问题,核心css代码如下: .modal-backdrop { filter: alpha(opacity=0)!important; opacity: 0!important; } alpha和opacity通常是决定透明度. alpha和opacity区别是什么? 相同点:都是值为0表示完全透明,值为1表示完全不透明. 不同点:alpha可以应用元素特定的属性,只能作用于当前元素,其子元素不能继承,而opacity不仅仅作用于当前元素,也会影响子元素及其子子元素,具有继承

点击按钮加载子组件中的弹框

项目中有好多弹框,一开始让他们公用一个弹框,弹框中再加载不同的子组件,并不好用,下面的提交按钮得写好多判断. 页面有点乱.想着直接各个页面中直接弹框,后续再把各种按钮提交的值传给父组件...... 父子传值搞的脑袋有点短路,要消化吸收要不断学习. 主页面中 <template> <div class="app-container"> <el-button @click="handleClick" type="text"

layui table中固定表头,弹框缩放之后,表头对不齐问题

问题描述: 在弹框中的表格,表格设置height属性 如果表格数据太多,表头会固定,只有表内容会滚动 拖动弹框右下角缩放弹框时,表格的头部对不齐 正常显示如图: 缩放之后如图: 解决办法: layer有一个resizing属性,是弹框缩放结束的回调放方法 在回调之后重新根据数据列设置表头的宽度. resizing: function (layero) { var tableDom = layero.find('.layui-table-box'); var theadTable = tableD

关于弹框和原页面的切换问题

写代码经常会遇到这样的情况,按钮点击之后会出现弹框,点击确定之后又要弹框消失,又或者链接到另一个页面. 打开弹窗的代码是这样的: $('#add').click(function () { layer.open({ type: 2, title: '选择研判报告类型', shadeClose: true, shade: 0.3, area: ['550px', '180px'], content: 'yanpan_report_add.php' }); }); 这里是打开了一个550*180的弹