Jquery удалить выбранный ДИВ

<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 удалить выбранный ДИВ

источник

2010-09-20 Rajeev

Ваш HTML-код кажется сломанным. Окончание «>» для концевых тегов '' заканчивается. – Guffa

Привет Раджив

Попробуйте

<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 удалить выбранный ДИВ

ответ

Смежные вопросы