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);
    });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM