Jquery удалить выбранный div - PullRequest
Новая
       14

Jquery удалить выбранный div

0 голосов
/ 20 сентября 2010 
  <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, используя jquery

Ответы [ 3 ]

2 голосов
/ 20 сентября 2010

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

Попробуйте это 

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

0 голосов
/ 20 сентября 2010

Вы можете сделать это, чтобы привязать клик даже к каждому флажку.Это удалит родительский элемент каждого флажка, который вы нажимаете: 

$(function(){
  $('#a_all :checkbox').click(function(){
    $(this).parent().remove();
  });
});
0 голосов
/ 20 сентября 2010 
jQuery('input[type=checkbox]').bind('change',_handleCheckboxChange);

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