1. 程式人生 > 其它 >EasyUI 同一組的radio單選按鈕可以選擇多個問題解決

EasyUI 同一組的radio單選按鈕可以選擇多個問題解決

技術標籤:JavaScript

1 問題描述

效果圖:

HTML程式碼:

<input class="easyui-radiobutton" name="paramt" data-toggle="topjui-radiobutton" value="1" label="男" checked="true" labelwidth="20px" />
<input class="easyui-radiobutton" name="paramt" data-toggle="topjui-radiobutton" value="0" label="女"  labelwidth="20px" />

同一組的radio單選按鈕可以選擇兩個radio單選按鈕,但是獲取radio單選按鈕的選中值卻沒有問題。

2 問題解決

以上情況主要是easyui渲染radio單選按鈕失敗導致的,解決辦法就是radio單選按鈕要巢狀在form表單裡面,這樣easyui才能成功渲染radio單選按鈕。

<form>
    <input class="easyui-radiobutton" name="paramt" data-toggle="topjui-radiobutton" value="1" label="男" checked="true" labelwidth="20px" />
    <input class="easyui-radiobutton" name="paramt" data-toggle="topjui-radiobutton" value="0" label="女"  labelwidth="20px" />
</form>