Question

。 .on点击按钮我应该禁用整个表格，其中包括文本框，文本输入字段。并再次点击它应该启用表。。请帮忙

<div class="prod_box" >
  <div class="center_prod_box" id="amul1">
    <div class="product_title"><a href="" Title="Amul Butter">Amul Butter</a></div>
      <div class="product_img"><a href="#"><img src="item_images/AmulButter.png" alt="" border="0" width="110"  height="87" Title="Amul Butter" /></a></div>
        <div class="item_table">
          <div id="item_hover">

            <table width="189" border="0" cellspacing="0" cellpadding="0" id="item_listing_100">
              <tr onclick="selectRow(this)">
                <td align="center" valign="middle">
                  <span class="checkbox">         
                    <span class="custom-checkbox">
                      <input id="option" name="item_number" type="checkbox" class="ckbox" value="1" onclick="this.checked=!this.checked;"/>
                      <span class="box">
                        <span class="tick"></span>
                      </span>
                    </span>
                  </span>
                </td>
                <td align="left">500gm</td>
                <td>X</td>
                <td><input name="item_quantity" type="text" class="tb5"  placeholder="1" id="14" size="1" maxlength="2" value="1" /></td>
                <td align="left" style="font-size:11px">NOs</td>
              </tr>
            </table>
          </div>
        </div>

（点击下面的按钮，上面的表格应该被禁用...）

        <input type="button" class="button2" id="addtocart" value="Add to Cart" Title="Add to Cart" onClick="addItem_check('item_listing_100','ItemTable','100','Amul Butter','500','g','150.00','1','kg','200.00','2','kg','250.00'); amul1.style.backgroundColor='#c2ed5c'; if(this.value=='Add to Cart') {this.value = 'Remove from Cart'};"/>
      </div>
    </div>

Answer 1

到目前为止，您可能已将其整理出来，如果不是，则代码为：

添加此jquery

$('#addtocart').toggle(function () {
    $("#item_listing_100 :input").attr("disabled", true);
}, function () {
    $("#item_listing_100 :input").attr("disabled", false);
});

我创造了一个小提琴（http://jsfiddle.net/TbVkv/383/）

Answer 2

在我相信这个链接应该这样做之前，可能会问你的问题。 How to disable and enable HTML table using javascript?

Answer 3

如果你正在使用jquery，你可能会对此感兴趣：Disable/enable an input with jQuery?。从这一点来说，你只需要向jQuery传递一个合适的选择器，即选择表中所有输入的选择器。有关jQuery选择器的更多信息，请访问：http://api.jquery.com/category/selectors/（许多选择器也来自CSS）。

请在发布之前搜索一个热门话题！ ; - ）

如何禁用Button Click上的完整表格？

3 个答案: