更新時間:2022-08-29 09:50:36 來源:動力節(jié)點 瀏覽1597次
如何獲取單選框的value值?動力節(jié)點小編來告訴大家。
單選框樣式,給每個input標(biāo)簽綁定value值
@* 審核結(jié)果 *@
<div class="col-12 mt-2">
<label for="" class="">審核結(jié)果:</label>
<input type="radio" name="radio" class="ml-3" id="carefulOrPass" value="審核通過" />
<label for="carefulOrPass" class="">送審或者審核通過</label>
<input type="radio" name="radio" class="ml-3" id="rollbackRevise" value="回退修訂" />
<label for="rollbackRevise" class="">回退修訂</label>
<input type="radio" name="radio" class="ml-3" id="termination" value="終止" />
<label for="termination" class="">終止</label>
//隱藏
<input type="text" id="answer" name="CheckResult" hidden />
</div>
頁面效果圖

給input標(biāo)簽綁定點擊事件
@* 審核結(jié)果 *@
<div class="col-12 mt-2">
<label for="" class="">審核結(jié)果:</label>
<input type="radio" name="radio" class="ml-3" id="carefulOrPass" onclick="check(this.value)" value="審核通過" />
<label for="carefulOrPass" class="">送審或者審核通過</label>
<input type="radio" name="radio" class="ml-3" id="rollbackRevise" onclick="check(this.value)" value="回退修訂" />
<label for="rollbackRevise" class="">回退修訂</label>
<input type="radio" name="radio" class="ml-3" id="termination" onclick="check(this.value)" value="終止" />
<label for="termination" class="">終止</label>
<input type="text" id="answer" name="CheckResult" hidden />
</div>
獲取單選框觸發(fā)點擊事件后,獲取到value值,把value值賦給id為answer的input標(biāo)簽,然后通過查詢隱藏的input標(biāo)簽,把value值查出來
function check(radio) {
document.getElementById("answer").value = radio
}
//獲取單選框的value值,通過提交,把value值控制器輸出出來
選擇到單選框,提交

控制器輸出的結(jié)果
