我有一個正在編輯的引導(dǎo)模板。我正在處理一個表單頁面，但我似乎無法獲得選定的單選按鈕，這實際上是一個用于 POST 到 PHP 的選項卡列表<div class="from-step-content"> <ul class="nav nav-tabs nav-tabs-bordered" role="tablist" name="selected-item"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#item-one"> <div class="nav-tabs-icon"> <img src="images/1.png" alt="icon"> <img src="images/1-color.png" alt="icon"> </div> <span>Item One</span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#item-two"> <div class="nav-tabs-icon"> <img src="images/2.png" alt="icon"> <img src="images/2-color.png" alt="icon"> </div> <span>Item Two</span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#item-three"> <div class="nav-tabs-icon"> <img src="images/3.png" alt="icon"> <img src="images/3-color.png" alt="icon"> </div> <span>Item Three</span> </a> </li> </ui> </div>這是在 PHP 腳本中使用 POST 的方法，但是我無法弄清楚我實際上是如何獲得確實選擇了哪個項目的。有任何想法嗎？謝謝
1 回答
一只斗牛犬
TA貢獻1784條經(jīng)驗 獲得超2個贊
您應(yīng)該使用 javascript 進行不可見的單選框輸入，因為您無法發(fā)送到 PHP HTML DOM，因此您需要使用表單進行操作。
所以為了快速幫助：
<form action="post.php" method="post">
<div class="from-step-content">
<ul class="nav nav-tabs nav-tabs-bordered" role="tablist" name="selected-item">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#item-one">
<input type="radio" name="item" value="1" style="display:none;"/>
<div class="nav-tabs-icon">
<img src="images/1.png" alt="icon">
<img src="images/1-color.png" alt="icon">
</div>
<span>Item One</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#item-two">
<input type="radio" name="item" value="1" style="display:none;"/>
<div class="nav-tabs-icon">
<img src="images/2.png" alt="icon">
<img src="images/2-color.png" alt="icon">
</div>
<span>Item Two</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#item-three">
<input type="radio" name="item" value="1" style="display:none;"/>
<div class="nav-tabs-icon">
<img src="images/3.png" alt="icon">
<img src="images/3-color.png" alt="icon">
</div>
<span>Item Three</span>
</a>
</li>
</ui>
</div>
<button>Submit</button>
</form>
<script>
$(document).ready(function(){
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
$('input[type="radio"]').prop("checked", false);
$(e.target).find('input[type="radio"]').prop("checked", true);
})
});
</script>
- 1 回答
- 0 關(guān)注
- 102 瀏覽
添加回答
舉報
0/150
提交
取消