更新時間:2022-08-29 09:50:36 來源:動力節點 瀏覽1347次
如何獲取單選框的value值?動力節點小編來告訴大家。
單選框樣式,給每個input標簽綁定value值
@* 審核結果 *@
<div class="col-12 mt-2">
<label for="" class="">審核結果:</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標簽綁定點擊事件
@* 審核結果 *@
<div class="col-12 mt-2">
<label for="" class="">審核結果:</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>
獲取單選框觸發點擊事件后,獲取到value值,把value值賦給id為answer的input標簽,然后通過查詢隱藏的input標簽,把value值查出來
function check(radio) {
document.getElementById("answer").value = radio
}
//獲取單選框的value值,通過提交,把value值控制器輸出出來
選擇到單選框,提交
控制器輸出的結果
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習