Question

  <div id="a_all">
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">1</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">2</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">3</input<br></div>
  <div>&nbsp;&nbsp;&nbsp;&nbsp<input type="checkbox" name="m_a">4</input<br></div>
  </div>

如果选中第一个复选框，如何使用jquery

删除完整的div复选框

Answer 1

嗨rajiv

试试这个

<html>
    <head></head>
    <body>
        <div id="all">
        <div>1<input type=checkbox name="test" value="10"/></div>
        <div>2<input type=checkbox name="test" value="20"/></div>
        <div>3<input type=checkbox name="test" value="30"/></div>
        </div>
    </body>
</html>

jquery的

$("#all input").click(function() {
    alert($("input:checked").val());
    $(this).parent().remove();
});

现场演示

http://jsfiddle.net/QpEVe/1/

Answer 2

jQuery('input[type=checkbox]').bind('change',_handleCheckboxChange);

function _handleCheckboxChange(e)
{
   var _elm=jQuery(e.target);
   if(_elm.filter(':checked'))
   {
       _elm.parents('div:first').remove()
   }
}

Answer 3

你可以这样做，将点击甚至绑定到每个复选框。它将删除您单击的每个复选框的父元素：

$(function(){
  $('#a_all :checkbox').click(function(){
    $(this).parent().remove();
  });
});

Jquery删除所选的div

3 个答案: