第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何為表格中的多個(gè)按鈕設(shè)置AJAX調(diào)用

如何為表格中的多個(gè)按鈕設(shè)置AJAX調(diào)用

PHP
喵喵時(shí)光機(jī) 2021-05-13 10:09:41
我有一個(gè)表,如果滿足條件,并且希望條件為假,那么我希望用戶在輸入字段中填寫數(shù)據(jù),然后禁用輸入字段。我在每行中都有一個(gè)帶有Submit屬性的輸入標(biāo)簽。我將onClick()提交給下面的ajax函數(shù)。這里的錯(cuò)誤是,只有第一個(gè)提交按預(yù)期工作,其余所有按鈕均不工作。誰能幫我嗎?    <table>      <?php for($i=0; $i < $count; $i++){ ?>       <tr>        <td><?php echo $student_name[$i]; ?>        <input type='hidden' id='student_id' value='<?php echo $student_id[$i]; ?>'>        <input type='hidden' id='class_id' value='<?php echo $class_id; ?>'>        <input type='hidden' id='phase' value='<?php echo $phase; ?>'>        </td>        <td>          <?php if($studnet_p1_a1[$i] != 0){ ?>            <input type="text" style="width:70px" name='a1' id='a1<?php echo $i; ?>' class="form-control mb" value="<?php echo $studnet_p1_a1[$i]; ?>" disabled>          <?php }else{ ?>            <input type="text" style="width:70px" name='a1' id='a1<?php echo $i; ?>' class="form-control mb" placeholder='08.01' >          <?php } ?>        </td>        <td>          <?php if($studnet_p1_a2[$i] != 0){ ?>            <input type="text" style="width:70px" name='a2' id='a2<?php echo $i; ?>' class="form-control mb" value="<?php echo $studnet_p1_a2[$i]; ?>" disabled>          <?php }else{ ?>            <input type="text" style="width:70px" name='a2' id='a2<?php echo $i; ?>' class="form-control mb" placeholder='11' >          <?php } ?>        </td>        <td><input type="submit" name="submit" onclick="ajax($(this));return false;" id="<?php echo $i?>" style="width:70px" class="button form-control mb" class="btn btn-success" value="Submit"></td>      </tr>     <?php endfor; ?>    </table>    <script>    function ajax($this) {      var a1 = $("input#a1").val();      var a2 = $("input#a2").val();      var student_id = $("input#student_id").val();      var class_id = $("input#class_id").val();      var phase = $("input#phase").val();      var datastring = 'a1=' + a1 + '&a2=' + a2 + '&student_id=' + student_id + '&class_id=' + class_id + '&phase=' + phase;
查看完整描述

2 回答

?
慕田峪4524236

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超5個(gè)贊

請(qǐng)檢查以下代碼并嘗試:


<table> 

     <?php for($i=0; $i < $count; $i++){ ?>

       <tr>

        <td><?php echo $student_name[$i]; ?>

        <input type='hidden' class='student_id' value='<?php echo $student_id[$i]; ?>'>

        <input type='hidden' class='class_id' value='<?php echo $class_id; ?>'>

        <input type='hidden' class='phase' value='<?php echo $phase; ?>'>

        </td>


        <td>

          <?php if($studnet_p1_a1[$i] != 0){ ?>

            <input type="text" style="width:70px" name='a1' class="form-control mb a1" value="<?php echo $studnet_p1_a1[$i]; ?>" disabled>

          <?php }else{ ?>

            <input type="text" style="width:70px" name='a1' class="form-control mb a1" placeholder='08.01' >

          <?php } ?>

        </td>

        <td>

          <?php if($studnet_p1_a2[$i] != 0){ ?>

            <input type="text" style="width:70px" name='a2' class="form-control mb a2" value="<?php echo $studnet_p1_a2[$i]; ?>" disabled>

          <?php }else{ ?>

            <input type="text" style="width:70px" name='a2' class="form-control mb a2" placeholder='11' >

          <?php } ?>

        </td>

        <td><input type="submit" name="submit" style="width:70px" class="button form-control mb submit_btn" class="btn btn-success" value="Submit"></td>

      </tr>

     <?php endfor; ?>

    </table>


    <script>

        $(document).ready(function () {

            $('body').on('click', '.submit_btn', function(e){

                var a1 = $(this).closest('tr').find('.a1').val();

                var a2 = $(this).closest('tr').find('.a2').val();

                var a3 = $(this).closest('tr').find('.a3').val();

                var a4 = $(this).closest('tr').find('.a4').val();

                var a5 = $(this).closest('tr').find('.a5').val();

                var bmi = $(this).closest('tr').find('.student_id').val();

                var student_id = $(this).closest('tr').find('.student_id').val();

                var class_id = $(this).closest('tr').find('.class_id').val();

                var phase = $(this).closest('tr').find('.phase').val();

                var datastring = 'a1=' + a1 + '&a2=' + a2 + '&a3=' + a3 + '&a4=' + a4 + '&a5=' + a5 + '&bmi=' + bmi + '&student_id=' + student_id + '&class_id=' + class_id + '&phase=' + phase;


                $.ajax({

                    type: "POST",

                    url: "score_process.php",

                    data: datastring,

                    success: function(){              

                    }

                });

            });

        });


     </script>



查看完整回答
反對(duì) 回復(fù) 2021-05-28
?
繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊

您沒有使用<form>,請(qǐng)嘗試使用onclick屬性(不帶return語句)將更<input>改為<button>,然后刪除type="submit"。

$studnet_p1_a2[$i]應(yīng)該student代替studnet?

還可以考慮使用Angular,React,Vue.js之類的框架。他們比裸php更可擴(kuò)展。


查看完整回答
反對(duì) 回復(fù) 2021-05-28
  • 2 回答
  • 0 關(guān)注
  • 272 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)