<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>预约骨科医生</title>

    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta name="format-detection" content="telephone=no">

    <link href="<?php echo base_url('assets/css/order.css') ?>" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="<?php echo base_url('assets/js/jquery.min.js') ?>"></script>

    <script type="text/javascript" src="<?php echo base_url('assets/js/main.js') ?>"></script>

</head>

<body id="wrap" style="">

<style>

    .deploy_ctype_tip{z-index:1001;width:100%;text-align:center;position:fixed;top:50%;margin-top:-23px;left:0;}.deploy_ctype_tip p{display:inline-block;padding:13px 24px;border:solid #d6d482 1px;background:#f5f4c5;font-size:16px;color:#8f772f;line-height:18px;border-radius:3px;}

</style>

<div class="banner">

    <div id="wrapper">

        <div id="scroller" style="float:none">

            <ul id="thelist"><img src="<?php echo base_url('assets/img/wx-logo-1.jpg') ?>" alt="预约骨科医生" style="width:100%">

            </ul>

        </div>

    </div>

    <div class="clr"></div>

</div>

<div class="cardexplain">

    <ul class="round">

        <li>

            <h2>预约骨科医生</h2>

            <div class="text">

                北京市XX骨科竭诚为您服务<br/>

                联系电话：001-XXXXXXXX</div>

        </li>

    </ul>

    <form method="post" action="<?php echo base_url("booking/go_select_hospital"); ?>" id="form" >

        <ul class="round">

            <li class="title mb"><span class="none">请选择医生</span></li>

            <li class="nob">

                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="kuang">

                    <tbody>

                    <!-- 二维数组输出表格 -->

                    <?php foreach($dr_list as $k => $v){ ?>

                        <tr>

                            <th><?php echo $v['dr_name']; ?></th>

                            <td>

                                <?php echo $v['dr_hospital'].' '.$v['dr_title']; ?>

                            </td>

                            <td>

                                <input type="radio" name="dr_id" value="<?php echo $v['dr_id']; ?>" />

                            </td>

                        </tr>

                    <?php } ?>

                    </tbody>

                </table>

            </li>

        </ul>

        <div class="footReturn" style="text-align:center">

            <input id="nextBtn" type="submit" style="margin:0 auto 20px auto;width:90%" class="submit" value="下一步 选择医院">

        </div>

    </form>

    <form method="post" action="<?php echo base_url("booking/go_select_dept"); ?>" id="form" >

        <div class="footReturn" style="text-align:center">

            <input type="submit" style="margin:0 auto 20px auto;width:90%" class="submit" value="返回上一步 选择科室">

        </div>

    </form>

    <script>

        function showTip(tipTxt) {

            var div = document.createElement('div');

            div.innerHTML = '<div class="deploy_ctype_tip"><p>' + tipTxt + '</p></div>';

            var tipNode = div.firstChild;

            $("#wrap").after(tipNode);

            setTimeout(function () {

                $(tipNode).remove();

            }, 1500);

        }

        //校验单选按钮是否选中

        $(function(){

            $("#nextBtn").click(function(){

                var boolCheck=$('input:radio[name="dr_id"]').is(":checked");

                if(boolCheck == false){

                    showTip('请选择医生');

                    return false;

                }

                return true;

            });

        });

    </script>

</div>

</body>

</html>

用jquery校验radio单选按钮（原创）的更多相关文章

  1. jquery取radio单选按钮

    // var strMess = '<%=Exchange() %>';//            if (strMess == "兑换成功") {//         ...

  2. jquery操作radio单选按钮，实现取值，动态选中，动态删除的各种方法

    本文主要讲的是在jquery里操作表单radio单选按钮的各种方法,如获取选中的radio的值,动态选中指定的radio项等. 1.获取选中的radio单选按钮的值: var v=$(":r ...

  3. Jquery获取radio单选按钮的value与后面的文字

    一组单选按钮如图: <input name="classId" value="8afa94f45ba3e2c1015ba3fac6c00000" type ...

  4. jquery操作radio单选按钮、checked复选框。

    一.radio 取值: $('input[name=radio]:checked').val(); 二.checked 判断checked是否被选中 $("input[type='check ...

  5. jquery循环遍历radio单选按钮，并设置选中状态

    背景:自己在做项目过程中遇到的问题,现在记录一下. 需求:在ajax获取后台数据的之后,需要根据获取的数据对页面中的radio单选按钮进行选中状态设置 因为自身js功底欠佳,所以耽误了点时间,现在把方 ...

  6. jquery完成带单选按钮的表格行高亮显示

    jquery完成带单选按钮的表格行高亮显示 上篇博客写的是复选框的,这次写的是单选框的,有时查询的时候,只能选择一条记录,如果将选中的这条记录的行高亮显示,同时该行的单选按钮也被选中了,这样会提高用户 ...

  7. JQuery 为radio赋值问题

    今天用jquery 为radio赋值,从百度查了一下方法: $("input[name='radioName'][value=2]").attr("checked&quo ...

  8. Jquery校验中国身份证号码是否正确

    在项目中使用表单时经常会涉及到身份证号码是否正确的校验,下面看看应该中国二代身份证号码应该怎么用Jquery校验呢? 二代身份证校验码的计算方法 二代身份证由17位数字和一位校验码组成,那么校验方法是 ...

  9. jQuery校验

    jQuery校验 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src=&q ...

随机推荐

  1. 2017.5.20欢(bei)乐(ju)赛解题报告

    预计分数:100+20+50=first 实际分数:20+0+10=gg 水灾(sliker.cpp/c/pas) 1000MS  64MB 大雨应经下了几天雨,却还是没有停的样子.土豪CCY刚从外地 ...

  2. 微信小程序组件解读和分析：八、checkbox复选项

    checkbox复选项组件说明: checkbox是小程序表单组件中的一个组件,作用是在表单中引导用户做出选择. 要使用checkbox组件,还需要在同组中所有的checkbox标签外使用checkb ...

  3. addslashes,stripslashes

    官方介绍: (PHP 4, PHP 5) addslashes — 使用反斜线引用字符串 返回字符串,该字符串为了数据库查询语句等的需要在某些字符前加上了反斜线.这些字符是单引号(’).双引号(”). ...

  4. Sass的的使用三

    [Sass]普通变量与默认变量普通变量定义之后可以在全局范围内使用. 默认变量sass 的默认变量仅需要在值后面加上 !default 即可.sass 的默认变量一般是用来设置默认值,然后根据需求来覆 ...

  5. 读取.properties配置信息

    package com.ctcti.webcallcenter.utils; import java.io.FileInputStream;import java.io.FileNotFoundExc ...

  6. [转] 随机数是骗人的，.Net、Java、C为我作证

    (转自:随机数是骗人的,.Net.Java.C为我作证 - 杨中科   原文日期:2014.05.12) 几乎所有编程语言中都提供了"生成一个随机数"的方法,也就是调用这个方法会生 ...

  7. 迅为i.MX6Q嵌入式开发板

    工业级核心板:核心板10层高速PCB设计,充分保证电磁兼容. 01. 处理器:开发板默认是四核商业扩展级芯片,可根据用户需求更换单核.双核.工业级.汽车级处理器,批量更省成本. 02. 扩展引脚:32 ...

  8. CAD使用GetxDataDouble读数据（com接口）

    主要用到函数说明: MxDrawEntity::GetxDataDouble2 读取一个Double扩展数据,详细说明如下: 参数 说明 [in] LONG lItem 该值所在位置 [out, re ...

  9. R-FCN：Object Detection via Region-based Fully Convolutional Networks

    fast.faster这些网络都可以被roi-pooling层分成两个子网络:1.a shared,'fully convolutional' subnetwork 2.an roi-wise sub ...

  10. C# Word 类库

    C# Word 类库 2009-08-06 22:10 14292人阅读 评论(11) 收藏 举报 c#objectstring文档microsoftexcel using System;using ...