jQuery的删除选定的div

<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>

如果选择第一个复选框如何删除完整的div使用jQueryjQuery的删除选定的div

复选框

来源

2010-09-20 Rajeev

您的HTML代码似乎已损坏。结尾标签''没有结尾'>'。 – Guffa 2010-09-20 11:49:06

嗨拉吉夫

试试这个

<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/

来源

2010-09-20 11:44:09

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

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

来源

2010-09-20 11:45:51

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

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

来源

2010-09-20 11:46:05 Guffa

jQuery的删除选定的div

回答

相关问题