TA貢獻1783條經驗 獲得超4個贊
我準備了一個簡單的解決方案，當您單擊復選框時，僅使用 CSS 來顯示按鈕。我希望這可以幫助你
<label for="id_10139347"> CHECK BOX </label>
<input class="suscriptionCheck" id="id_10139347" type="checkbox" name="id_10139347">
<br/>
<button>SOME BUTTON</button>
button {
display: none;
}
.suscriptionCheck:checked ~ button{
display:block;
padding: 14px;
}
https://codepen.io/r0binxp/pen/poygbXr
TA貢獻1818條經驗 獲得超3個贊
也許這會對你有所幫助。也有很多相同的問題得到了回答。
$("#id_10139347").change(function() {
if(this.checked) {
//Do stuff
}
});
TA貢獻1824條經驗 獲得超6個贊
您可以執行以下操作：
function displayButton(item) {
if (item.checked == true) {
document.getElementById("button").style.display = "block";
} else {
document.getElementById("button").style.display = "none";
}
}
#button {
display: none;
}
<input id="id_10139347" type="checkbox" name="id_10139347" onclick="displayButton(this)">
<button id="button">Submit</button>
displayButton()單擊輸入框時會觸發該函數。如果選中輸入，則顯示按鈕。否則不顯示。
舉報