Anant Singh---Alive to Die的社区主页

Anant Singh---Alive to Die 最近回复了

5 年前

回复了 Anant Singh---Alive to Die 创建的主题 » 多个select上的jQuery.val(),不使用逗号分隔吗?

基于API接受的模式do:

var selection = jQuery("#filter-cardset").val().join(';');

5 年前

回复了 Anant Singh---Alive to Die 创建的主题 » 批准和拒绝的jquery复选框

好像你有多个相同的 classes 所以使用 $(this)

$('.approve_chk').on('click', function () {
    var pswd = prompt("enter password to confirm");
    if (pswd == 'approve') {
        alert('APPROVED');
    } else {
        alert('NOT APPROVED');
        $(this).prop('checked', false);
    }
});

$('.reject_chk').on('click', function () {
    var pswd = prompt("enter password to confirm");
    if (pswd == 'reject') {
        alert('REJECTED');
        $(this).closest('tr').find('.approve_chk').prop('checked', false);

    } else {
        alert('NOT REJECTED');
        $(this).prop('checked', false);
    }
});

工作段:

$('.approve_chk').on('click', function () {
        var pswd = prompt("enter password to confirm");
        if (pswd == 'approve') {
            alert('APPROVED');
        } else {
            alert('NOT APPROVED');
            $(this).prop('checked', false);
        }
    });
    
    $('.reject_chk').on('click', function () {
        var pswd = prompt("enter password to confirm");
        if (pswd == 'reject') {
            alert('REJECTED');
            $(this).closest('tr').find('.approve_chk').prop('checked', false);
    
        } else {
            alert('NOT REJECTED');
            $(this).prop('checked', false);
        }
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="checkbox" id="approve" class="approve_chk" data-id="1">Approve
    </td>
    <td>
      <input type="checkbox" id="reject" class="reject_chk" data-id="1">Reject
    </td>
  </tr>
  <tr>
    <td>
      <input type="checkbox" id="approve" class="approve_chk" data-id="2">Approve
    </td>
    <td>
      <input type="checkbox" id="reject" class="reject_chk" data-id="2">Reject
    </td>
  </tr>
</table>

5 年前

回复了 Anant Singh---Alive to Die 创建的主题 » 如何使用jquery删除按钮单击时附加的div?

使用 closest() 而不是 parent()

检查以下工作段:

$(document).ready(function () {
  $("#add").click(function () {
    $("#mydiv").append($("<div class='row' id='row'> <div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vname[]'class='form-control' placeholder='Vazhipad Name' /></div></div></div><div class='col-md-4'><div class='form-group'><div class='col-md-10'><input type='text' name='vprize[]'class='form-control' placeholder='Vazhipad Prize' /> </div></div> </div><div class='form-group'><div class='col-md-10'><button type='button' id='btnRemove' class='btn btn-primary btnRemove'>-</button></div></div></div></div>"))
    });
    $('body').on('click', '.btnRemove', function () {
      $(this).closest('div.row').remove()
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="add">Add</button>
<div id="mydiv"></div>

parent() , parents() 和 closest()

Difference between jQuery parent(), parents() and closest() functions

» Anant Singh---Alive to Die 创建的更多回复