Jquery / Как удалить клонированную таблицу, выбранную флажком?

Question

Jquery / Как удалить клонированную таблицу, выбранную флажком?

0

Я создаю динамическую форму, и я хочу дать возможность удалить выбранную клонированную таблицу пользователю. Каждая таблица имеет флажок с уникальным идентификатором. Вот мой код:

    <button class="addOffer">Add Offer</button>
    <button class="delOffer">Delete Offer</button>
        <div id=offer>
        <TABLE id="AC" width="400px" border="0">
              <TR>
                  <TD class="g1">
                  <INPUT type="checkbox" name="chk"/>
                  </TD>
                  <TD class="g1"><SELECT name="ACREG">
                    <OPTION VALUE=""></OPTION>
                    <OPTION VALUE="ACA">ACA</OPTION>
                <OPTION VALUE="ACB">ACB</OPTION>
                </SELECT></TD>
                  <TD class="g1"></TD>
                  <TD align=right class="g1"><INPUT type="button" value="Add Pic" onClick="AddPic" /></TD>
              </TR>
        </TABLE>
        </div>

<script type="text/javascript">
    var i = 1;
    $('.addOffer').click(function() {
        var copy = $('#AC').clone();
        var formId = 'AC' + i;
        copy.attr('id', formId );

        $('#offer').append(copy);
        i++;  
    });
</script>

Я немного потерял часть за то, как выбранный флажок может отправить функции его идентификатору, когда нажата кнопка "Предложение".

Ваша помощь и предложения действительно ценят. С уважением, под

poypoy 24 окт. 2013, в 18:06

Источник

Теги:

jquery

checkbox

clone

1 ответ

Ещё вопросы

Abraham Uribe · Accepted Answer · 2013-10-24T15-02-00.000Z

вы можете добавить класс к флажку и на delOffer нажать удалить ближайшую таблицу тех, которые были отмечены
HTML

<button class="addOffer">Add Offer</button>
<button class="delOffer">Delete Offer</button>
    <div id=offer>
    <TABLE id="AC" width="400px" border="0">
          <TR>
              <TD class="g1">
              <!--add the class to checkbox-->
              <INPUT type="checkbox" name="chk" class="delCheck"/>
              </TD>
              <TD class="g1"><SELECT name="ACREG">
                <OPTION VALUE=""></OPTION>
                <OPTION VALUE="ACA">ACA</OPTION>
            <OPTION VALUE="ACB">ACB</OPTION>
            </SELECT></TD>
              <TD class="g1"></TD>
              <TD align=right class="g1"><INPUT type="button" value="Add Pic" onClick="AddPic" /></TD>
          </TR>
    </TABLE>
    </div>

JS

$('.delOffer').click(function() {
    $(".delCheck:checked").closest("table").remove();
});

ИЛИ

$('.delOffer').click(function() {
    $(".delCheck").each(function(i,n){
        //you can get the id of the table like $(n).closest("table").attr("id");
        if($(n).get(0).checked==true){//you can add more conditions to delete offer
                $(n).closest("table").remove();
        }
    });
});

http://jsfiddle.net/bVBcJ/

просто отлично !!! извините, я читаю это слишком быстро;) Большое спасибо!