如何獲取單選框的value值？動(dòng)力節(jié)點(diǎn)小編來告訴大家。

單選框樣式，給每個(gè)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)簽綁定點(diǎn)擊事件

@* 審核結(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ā)點(diǎn)擊事件后，獲取到value值，把value值賦給id為answer的input標(biāo)簽，然后通過查詢隱藏的input標(biāo)簽，把value值查出來

function check(radio) {
        document.getElementById("answer").value = radio
    }

//獲取單選框的value值，通過提交，把value值控制器輸出出來

選擇到單選框，提交

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