gpt4 book ai didi

javascript - 显示/隐藏元素破坏风格

转载 作者:行者123 更新时间:2023-11-28 16:42:04 24 4
gpt4 key购买 nike

<分区>

我想在选中复选框时显示或隐藏输入文本元素。

我有一个 <ul>列表和 4 <li> .第一行和第三行是复选框,第二行和第四行是文本输入。选中复选框时,jquery 显示输入文本,如果未选中则隐藏。但它打破了风格。

<ul>
<li>
<input type="checkbox" id="price1" value="">
<label for="price1"><span></span>Se Vende</label>
</li>
<li class="price-1" style="display: none;">
<input type="text" placeholder="Precio de Venta"name="price[sale]" />
<span class="unit unit-2">&euro;</span>
</li>
<li class="test">
<input type="checkbox" id="price2" value="">
<label for="price2"><span></span>Se Alquila</label>
</li>
<li class="price-2" style="display: none;">
<input type="text" placeholder="Precio de Alquiler" name="price[rent]" />
<span class="unit unit-2">&euro;</span>
</li>
</ul>

我正在尝试让它在这里工作:http://jsfiddle.net/nazu61p7/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com