在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ jQuery after方法動態(tài)添加的元素沒有默認值和綁定的事件失效?

jQuery after方法動態(tài)添加的元素沒有默認值和綁定的事件失效?

html代碼
                     <tr>
                        <th colspan="6" style="text-align: left;">創(chuàng)始董事
                            <a class="btn btn-primary pull-right director_add"> 添加董事</a>&nbsp;&nbsp;
                        </th>
                    </tr>
                <tbody class="director_form">
                    <tr>
                        <td class="tdleft" width="10%">中文姓名:</td>
                        <td width="20%">
                            <input  type="text" name="director_cn_name" id="director_cn_name" />
                            <i class="dealdone" aria-hidden="true">*</i>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdleft" width="10%">付款銀行:</td>
                        <td width="20%">
                            <select id="director_payment_method" name="director_payment_method">
                                <option value="1">恒生銀行</option>
                                <option value="2">渣打銀行</option>
                            </select>
                            <i class="dealdone" aria-hidden="true">*</i>
                        </td>
                    </tr>
                    <tr>
                        <td class="tdleft" width="10%">是否含稅金:</td>
                        <td colspan="2" width="35%">
                            <input  type='radio' name='director_tax' id="director_tax1"  class="director_tax"  value='1'/>&nbsp; 是 &nbsp;
                            <input  type='radio' name='director_tax' id="director_tax"   class="director_tax"  value='0' checked/>&nbsp; 否 &nbsp;
                        </td>
                        <td class="tdleft director_tax_amount" width="10%" style="display: none;">稅金金額:</td>
                        <td class="director_tax_amount" colspan="2" width="35%" style="display: none;">
                            <input type="text" name="director_tax_amount" id="director_tax_amount"/>
                            <i class="required" aria-hidden="true">*</i>
                        </td>
                    </tr>
                    </tbody>

我點擊添加董事的按鈕后執(zhí)行:

        $(".director_add").click(function () {
            $(".director_form").after($(".director_form").html());
        });

選擇是否含稅金的時候執(zhí)行:

    $('.director_tax').on('change', function(){
            if ($(this).val() == '1') {
                $('.director_tax_amount').show();
            } else {
                $('.director_tax_amount').hide();
            }
        });
遇到的問題:

1:id為director_tax的單選框默認值為0.在動態(tài)生成的元素里面沒有默認值?
2: 當是否含稅金的值為1的時候,在動態(tài)生成的元素里面這個時間不生效?
圖片描述

請問這是什么原因呢,求大神解答,謝謝。

回答
編輯回答
舊螢火
  1. 代碼沒看……太亂了,邏輯擇不清楚……
  2. 建議把數據和UI拆開,你現在是寫在一起的,當你UI很復雜、邏輯很多時,出來個bug都沒人幫你,……因為除了你沒人看得懂代碼……
  3. 動態(tài)生成的DOM元素,綁定事件一般用事件代理,或者在添加完load事件后再掛事件。
  4. after那里好像是有點問題的,因為你$()一個類的時候,返回給你的必然是一個jQ對象集合,對一個集合用.html()再反向寫進去……建議你可以先clone再insertAfter吧,另外綁事件也注意一下。
2018年7月25日 15:53