Question

我无法在提交时调用jQuery。函数中的$（'＃container'）。highcharts（{}）不会显示。我的目标是在提交表单后显示折线图。但是脚本中调用的函数没有执行。

这是我的代码：

         <script src="https://code.highcharts.com/highcharts.js"></script>
      <script src="https://code.highcharts.com/modules/exporting.js"></script> 

    <html>
     <head>
       <title> </title>
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

    </head>
    <body>

      <form Action="Home/Index" method="post"  id="roleManagement" >

            <span><b> Choisir le taux de change  </b> </span><br />
            <div id="checkboxes">
             <br>
           <input type="checkbox" name="taux" value="EUR/USD" checked="checked" >EUR/USD<br>
             <br>
            </div>
           <table>
                <tr>
                    <th>Date de début</th>
                    <th>Date de fin</th>
                </tr>
                <tr>
                    <td>
                    <input type="Date" name="date_début" id="date_début" />
                    </td>
                    <td>
                    <input type="Date" name="date_fin" id="date_fin"  />
                    </td>
                <\tr>
           </table>

            <br />
          <input type="submit" value="CHERCHER" name="affiche"  />
          <input type="reset" value="Reset">@Html.ActionLink("Réessayer", "Index")</button>
      </form>
     <script>
         $(document).ready(function() {
           $("#roleManagement").submit(function() {
           $('#checkboxes input:checked').each(function () {
           $('#container').highcharts({
               title: {
                  text: 'Taux de change',
                   x: -20
                      },
              subtitle: {
                  text: 'taux de change',
                  x: -20
            },
              xAxis: {
                categories: [1, 3, 9]

                     },
              yAxis: {
                  title: {
                      text: 'Taux de change'
                         },
                 plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: '°C'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'EUR/USD',
                data: [4, 8, 9]

            }]

        });
        });
    });
    $.each(selected, function (key, value) {
        alert(key + ": " + value);
    });
});
   </script> 
  </body>
</html>

提交后执行功能

0 个答案: