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

回答

相關問題