JQuery를 사용하여 동일한 클래스의 버튼에서 값을 가져 오는 방법

무하마드 하리스 |

데이터베이스 레코드를 기반으로 n 개의 버튼을 출력으로 생성하는 PHP 스크립트가 있습니다. 각 값은 해당 버튼과 연결됩니다.

아무 버튼이나 클릭하면 항상 첫 번째 버튼의 값을 얻습니다.

클릭 만하는 버튼의 가치를 어떻게 알 수 있나요?

<button class='btn btn-danger question_delete' value=".$row['action_id']."</button>

내 jQuery 스크립트 :

$(document).ready(function(){
    $(".question_delete").click(function(){
        var action_value = $(this).val();
        if(action_value){
            $.ajax({
                type:'POST',
                url:'delete_question_group.php',
                data:{delete_action:action_value},
                success:function(data){
                     refresh_table();
                     refresh_paper();
                }
            }); 
        }else{
           // $('#select_qtype_list').html('<option value="">Select Question First</option>');
        }
    });
});

내 PHP :

<?php
session_start();
$name =$_SESSION['name'];
$id = $_SESSION['id'];
include("database.php");
$run = mysqli_query($conn,"select * from users where id='$id' AND name='$name' "); 
$user = mysqli_fetch_array($run);
$subject_id = $user['subject_id'];
$user_name = $user['name'];
$run1 = mysqli_query($conn,"select * from subject where sub_id='$subject_id'");
$subject = mysqli_fetch_array($run1);
$subject_name = $subject['sub_name'];

    $query = $conn->query("select * from action where subject_id='$subject_id' AND user_id='$id'");

        //Count total number of rows
    $rowCounts = $query->num_rows;

    //Display states list
    if($rowCounts > 0){
        $i=1;
        while($row = $query->fetch_assoc()){ 

            //echo '<option value="'.$row['qtype_id'].'">'.$row['qtype_name'].'</option>';
            echo "<tr>";
            //$q_id = $query['question_id'];
            //$question_type_id = $query['question_type_id'];
            echo "<td>$i</td>";
            echo "<td>".$row['action_name']."</td>";
            echo "
            <td>
                <button class='btn btn-danger question_delete' value=".$row['action_id'].">
                    <i class='fa fa-trash' aria-hidden='true'>
                    </i>
                </button>
            </td>
            <td>
                <button id='question_update' class='btn btn-primary' data-toggle='modal' data-target='#myModal_update' value=".$row['action_id'].">
                    <i class='fa fa-pencil' aria-hidden='true' >
                    </i>
                </button>
            </td>  
            </tr>


            ";
            $i++;
        }
    }else{
        echo '<td colspan="4" style="text-align: center; color:red;"><strong>No Questions are Selected</string></option>';
    }

?>
무하마드 하리스 |

-이 문제는 완벽하게 해결되고 작동합니다. 솔루션에 대한 설명은 다음과 같습니다.

-첫 번째 onclick속성이 사용됩니다. function버튼을 클릭 할 때마다 버튼의 값을받는 a 가 생성됩니다.

다음 코드가 작동합니다.

<button class='btn btn-danger' onclick='myfunction(this.value)' id='question_delete' value=".$row['action_id']."><i class='fa fa-trash' aria-hidden='true'></i></button>

JQuery 코드 :

$(document).ready(function(){
    myfunction1 = function(e){
        if(e){
            $.ajax({
                type:'POST',
                url:'update_question_group.php',
                data:{update_action:e},
                success:function(html){
                    $('#update_action_list').html(html);
                    $('#update_action_list').selectpicker('refresh');
                }
            }); 
        }else{
           // $('#select_qtype_list').html('<option value="">Select Question First</option>');
        }
    }
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery를 사용하여 Nightmare에서 동일한 클래스의 href 링크를 가져 오는 방법

분류에서Dev

jquery를 사용하여 클릭 한 모든 버튼에서 데이터 속성을 가져 오는 방법

분류에서Dev

Jquery에서 클래스를 사용하여 이러한 특정 필드의 값을 가져오고 입력하는 방법

분류에서Dev

동일한 클래스를 가진 텍스트 상자의 값을 합산하고 jquery를 사용하여 다른 텍스트 상자에 넣는 방법

분류에서Dev

jQuery를 사용하여 동일한 요소의 클래스 값에 제목의 값을 추가하는 방법은 무엇입니까?

분류에서Dev

jquery를 사용하여 양식에서 여러 동적 라디오 버튼의 값을 확인하는 방법

분류에서Dev

Java의 동일한 클래스에서 다른 setter를 사용하여 setter에 값을 제공하는 방법

분류에서Dev

WebDriverWait ()를 사용하여 셀레늄 파이썬에서 동일한 클래스 이름을 가진 다음 요소의 값에 액세스하는 방법

분류에서Dev

jQuery를 사용하여 동일한 클래스 이름을 가진 요소에서 텍스트 가져 오기

분류에서Dev

AngularJS를 사용하여 JSON 배열 내의 JSONobjects에서 동일한 값을 갖는 요소를 가져 오기 위해 필터를 적용하는 방법

분류에서Dev

클릭 한 요소의 클래스 값을 가져오고이 값을 사용하여 jquery에서이 클래스의 마지막 발생 후 HTML 코드 조각을 넣는 방법

분류에서Dev

버튼을 사용하여 한 클래스에서 다른 클래스로 TextField 값 가져 오기

분류에서Dev

jquery를 사용하여 동일한 클래스의 여러 div에 축소 클래스를 동적으로 추가하는 방법

분류에서Dev

동일한 클래스의 고유 한 div에서 텍스트 값을 가져 오는 방법

분류에서Dev

Vanilla JavaScript를 사용하여 Angular 11 Form에서 선택한 라디오 버튼에서 값을 가져 오는 방법

분류에서Dev

jQuery의 클래스를 사용하여 선택한 라디오 버튼과 확인란의 값을 얻는 방법은 무엇입니까?

분류에서Dev

쿼리 문자열을 사용하여 단일 버튼에서 두 값을 가져 오는 방법

분류에서Dev

클래스 구성 요소를 사용하여 외부 파일에서 값을 가져 오는 방법은 무엇입니까?

분류에서Dev

클래스 생성자를 사용하여 파일에서 값을 가져 오는 방법은 무엇입니까? C ++

분류에서Dev

쉘 스크립트를 사용하여 html 파일에서 특정 값을 가져 오는 방법

분류에서Dev

angular2 및 Typescript를 사용하여 HTMLElement에서 스타일 값을 가져 오는 방법

분류에서Dev

제한 SUM 값 열을 사용하여 데이터베이스에서 레코드를 가져 오는 방법

분류에서Dev

jquery를 사용하여 Polymer 라디오 그룹에서 선택한 버튼의 값 가져 오기

분류에서Dev

ms 액세스 쿼리를 사용하여 한 행에 여러 열 값을 가져 오는 방법

분류에서Dev

vscode를 사용하여 Java의 하위 폴더에서 한 파일의 클래스를 다른 파일로 가져 오는 방법

분류에서Dev

NextJS의 동적 가져 오기를 사용하여 구성 요소에 값을 전달하는 방법

분류에서Dev

XQuery를 사용하여 INT에 대한 NULL 값을 가져 오는 방법

분류에서Dev

동일한 열의 여러 값에서 행을 가져 오는 방법

분류에서Dev

: before 가상 클래스에서! important를 사용하여 스타일을 재정의하는 방법

Related 관련 기사

  1. 1

    jQuery를 사용하여 Nightmare에서 동일한 클래스의 href 링크를 가져 오는 방법

  2. 2

    jquery를 사용하여 클릭 한 모든 버튼에서 데이터 속성을 가져 오는 방법

  3. 3

    Jquery에서 클래스를 사용하여 이러한 특정 필드의 값을 가져오고 입력하는 방법

  4. 4

    동일한 클래스를 가진 텍스트 상자의 값을 합산하고 jquery를 사용하여 다른 텍스트 상자에 넣는 방법

  5. 5

    jQuery를 사용하여 동일한 요소의 클래스 값에 제목의 값을 추가하는 방법은 무엇입니까?

  6. 6

    jquery를 사용하여 양식에서 여러 동적 라디오 버튼의 값을 확인하는 방법

  7. 7

    Java의 동일한 클래스에서 다른 setter를 사용하여 setter에 값을 제공하는 방법

  8. 8

    WebDriverWait ()를 사용하여 셀레늄 파이썬에서 동일한 클래스 이름을 가진 다음 요소의 값에 액세스하는 방법

  9. 9

    jQuery를 사용하여 동일한 클래스 이름을 가진 요소에서 텍스트 가져 오기

  10. 10

    AngularJS를 사용하여 JSON 배열 내의 JSONobjects에서 동일한 값을 갖는 요소를 가져 오기 위해 필터를 적용하는 방법

  11. 11

    클릭 한 요소의 클래스 값을 가져오고이 값을 사용하여 jquery에서이 클래스의 마지막 발생 후 HTML 코드 조각을 넣는 방법

  12. 12

    버튼을 사용하여 한 클래스에서 다른 클래스로 TextField 값 가져 오기

  13. 13

    jquery를 사용하여 동일한 클래스의 여러 div에 축소 클래스를 동적으로 추가하는 방법

  14. 14

    동일한 클래스의 고유 한 div에서 텍스트 값을 가져 오는 방법

  15. 15

    Vanilla JavaScript를 사용하여 Angular 11 Form에서 선택한 라디오 버튼에서 값을 가져 오는 방법

  16. 16

    jQuery의 클래스를 사용하여 선택한 라디오 버튼과 확인란의 값을 얻는 방법은 무엇입니까?

  17. 17

    쿼리 문자열을 사용하여 단일 버튼에서 두 값을 가져 오는 방법

  18. 18

    클래스 구성 요소를 사용하여 외부 파일에서 값을 가져 오는 방법은 무엇입니까?

  19. 19

    클래스 생성자를 사용하여 파일에서 값을 가져 오는 방법은 무엇입니까? C ++

  20. 20

    쉘 스크립트를 사용하여 html 파일에서 특정 값을 가져 오는 방법

  21. 21

    angular2 및 Typescript를 사용하여 HTMLElement에서 스타일 값을 가져 오는 방법

  22. 22

    제한 SUM 값 열을 사용하여 데이터베이스에서 레코드를 가져 오는 방법

  23. 23

    jquery를 사용하여 Polymer 라디오 그룹에서 선택한 버튼의 값 가져 오기

  24. 24

    ms 액세스 쿼리를 사용하여 한 행에 여러 열 값을 가져 오는 방법

  25. 25

    vscode를 사용하여 Java의 하위 폴더에서 한 파일의 클래스를 다른 파일로 가져 오는 방법

  26. 26

    NextJS의 동적 가져 오기를 사용하여 구성 요소에 값을 전달하는 방법

  27. 27

    XQuery를 사용하여 INT에 대한 NULL 값을 가져 오는 방법

  28. 28

    동일한 열의 여러 값에서 행을 가져 오는 방법

  29. 29

    : before 가상 클래스에서! important를 사용하여 스타일을 재정의하는 방법

뜨겁다태그

보관