亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

未選中時隱藏選中的復選框

未選中時隱藏選中的復選框

尚方寶劍之說 2024-01-03 14:27:59
我有一個復選框和一個標簽,其中一行有一個文本字段。當頁面加載時,復選框被選中,如果用戶取消選中該復選框,我希望刪除該行。并不是真正的顯示/隱藏,因為我不需要重新顯示未選中的復選框。有沒有快速的方法來做到這一點?我正在使用 JQuery 添加行,但如果未選中,我想刪除行。我正在使用追加,所以我想我想“前置”或“刪除”添加的復選框和行。<script>$(document).ready(function(){$("#btn1").click(function(){$("p").append(" <b>Appended text</b>.");});$("#btn2").click(function(){$("ul").append("<li><input type='checkbox' checked> Other Group &nbsp;<select><option>(HG) 1</option><option>(OG) 2</option><option>(OG) 3</option><option>(OG) 4</option><option>(OG) 5</option></select> &nbsp;  <input type='text' name='fname' size='30'></li>");});});</script>超文本標記語言其他團體已選擇<ul><li><input type="checkbox" id="vehicle1" name="vehicle1" value="Bike" checked><label for="vehicle1"> Rock Quarry Worker</label></li></ul><p>&nbsp;</p><style>ul {padding: 0;list-style-type: none;}li {    margin: 0 0 4px 0;}</style><p>Availble </p><form>    <style>        .space {li {    margin: 0 0 4px 0;}}    </style><input type="checkbox" id="vehicle0" name="vehicle1" value="Bike" class="space"> <label for="vehicle1"> Row Boat Operator</label><br><input type="checkbox" id="vehicle2" name="vehicle2" value="Car" class="space"><label for="vehicle2"> Window Washer</label><br><input type="checkbox" id="vehicle3" name="vehicle3" value="Boat"><label for="vehicle3"> Zoo Keeper</label><br></form><p><button id="btn2" class="btn2">+</button> Add </p><p>&nbsp;</p><style>    .btn2 {        background-color: red;        color:#FFF;        font-size: 10pt;        font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";        padding: 6px;    }</style>
查看完整描述

1 回答

?
瀟瀟雨雨

TA貢獻1833條經驗 獲得超4個贊

您可以使用removeChild(yourCheckbox)刪除復選框



查看完整回答
反對 回復 2024-01-03
  • 1 回答
  • 0 關注
  • 142 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號