我必須使用復(fù)選框來切換表上的只讀屬性，更準(zhǔn)確地說，我正在從數(shù)據(jù)庫中獲取表并在每一行中創(chuàng)建一個(gè)復(fù)選框，該復(fù)選框應(yīng)該在其行上切換只讀屬性，并且只有在那里。我當(dāng)時(shí)想我可以創(chuàng)建一個(gè) class="row_'.index.'" 并將其附加到自動(dòng)生成表的每一行，但是我不知道如何在 jQuery 中傳遞該類以生成切換函數(shù)只讀...有沒有更簡單，更清潔的方法？
2 回答
一只甜甜圈
TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊
我會(huì)將一個(gè)函數(shù)綁定到復(fù)選框，然后在此函數(shù)中，如果選中了復(fù)選框，您將找到closest父級(jí)<tr>并將每個(gè)子級(jí)設(shè)為只讀（不要擔(dān)心復(fù)選框本身，您仍然可以再次取消選中它們。更多信息這個(gè)）<input><tr><input>
試試這個(gè)片段
$("table input.makeReadOnly").change(function (){
if($(this).prop("checked")){
$(this).closest("tr").find("input").prop("readonly", true);
} else {
$(this).closest("tr").find("input").prop("readonly", false);
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td><input></td>
<td><input></td>
<td><input class="makeReadOnly" type="checkbox"></td>
</tr>
<tr>
<td><input></td>
<td><input></td>
<td><input class="makeReadOnly" type="checkbox"></td>
</tr>
</tbody>
</table>
烙印99
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊
您可以遍歷頁面上的復(fù)選框，然后從那里導(dǎo)航到 tr 屬性？但是，如果沒有任何代碼示例，很難理解，而且我對(duì) SO 太陌生，無法發(fā)表評(píng)論。
var inputs = form.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if ($(inputs[i]).type == "checkbox" && $(inputs[i]).is(':checked')){
$(inputs[i]).closest('tr').prop('readonly', true);
}
}
可能太冗長并且可能會(huì)被追捕，但我認(rèn)為它可能會(huì)有所幫助！
- 2 回答
- 0 關(guān)注
- 170 瀏覽
添加回答
舉報(bào)
0/150
提交
取消