zoukankan      html  css  js  c++  java
  • 单选框(radio)之onclick事件的实现

    第一部分:

    <table width="410" border="0" align="center" cellpadding="0" cellspacing="0" >
         <tr>
             <td width="26"><input name="db" type="radio" checked="checked" onclick="res(1)"/></td>
             <td width="87" align="left">效率类指标</td>
             <td width="25"><input name="db" type="radio" onclick="res(2)"/></td>
             <td width="93" align="left">卷烟类指标 </td>
             <td width="25"><input name="db" type="radio" onclick="res(3)"/></td>   
             <td width="154" align="left">烟叶类指标</td>
         </tr>
     </table>

    第二部分:

    <script type="text/javascript">

    function res(cs)
    {  
           var param;
           if(cs == 1)
           {
              param = "one";
           }
           if(cs == 2)
           {
              param = "two";   
           } 
           if(cs == 3)
           {
              param = "three"; 
           }
           $.ajax({
                       url:"<c:url value='/t_sys_kanban/duibiao11/'/>"+param,
                       type: "post",
                       dataType: "text",
                       error: function(){
                       alert("Error loading XML document"); 
         },
         success: function(data)
         {  
                 var tab = data;
                 document.getElementById("chartdiv11").innerHTML = tab;
         }
     });
     }</script>

    第三部分:

    <div id="chartdiv11">

    国泰民安
  • 相关阅读:
    css-博客样式初体验
    CSS-3D动画笔记
    Postman-断言
    CSS-2D动画笔记
    CSS-服务器端字体笔记
    CSS-宽度自适应和浏览器兼容笔记
    CSS-图片整合笔记
    CSS-锚点笔记
    Html-元素类型笔记
    Scrapy爬虫大战京东商城
  • 原文地址:https://www.cnblogs.com/jirglt/p/2636718.html
Copyright © 2011-2022 走看看