小程序js添加單選框選中（js設置單選框選中）

本文目錄一覽：

• 1、用javascript設置單選按鈕 radio 為必填……
• 2、微信小程序里怎麼控制兩個只能選擇一個的？
• 3、小程序怎麼獲取 多組 單選按鈕選中的值？

用javascript設置單選按鈕 radio 為必填……

看了你的問題，我有幾點意見

1、建議你以後創建html元素的時候，name屬性和id屬性盡量保持一致，除非特殊情況，這個是編碼規範

2、寫代碼的時候盡量寫全，比如你的id=”times/(1~10)這裡少了一個上引號，如果別人寫的代碼總是這樣馬虎，讓你改，你要瘋掉的

3、按照你的意思是想用一個選擇框來控制文本的輸入，這裡有2種方案的，第一種是用1個checkbox比你上面用2個radio要實用很多，很多時候要考慮合理性和客戶體驗；如果你想選不同的radio，而要用戶做不同的事情，比如選幾種情況需要填幾種不同的內容就用radiogroup來做

代碼如下：

h3使用checkboxh3/

div是否測試：input type=”checkbox” name=”test” id=”test” checked=”checked” //div

divinput type=”text” name=”times” id=”times” //div

divinput type=”button” value=”提交” onclick=”checkdata();”//div

h3使用radioboxh3/

div是否測試：input type=”radio” name=”A1″ id=”A1″ value=”1″ checked/是 input type=”radio” name=”A1″ id=”A1″ value=”2″ /否/div

divinput type=”text” name=”testb” id=”testb” //div

divinput type=”button” value=”提交” onclick=”checkradio();”//div

script language=”javascript”

!–

function checkdata() {

if (test.checked times.value==””) {

alert(“文本框必須輸入”);

}

}

function checkradio() {

for(i=0;iA1.length;i++) {

if(A1[i].checked==true A1[i].value==1) {

alert(“文本框必須輸入”);

return;

}

}

}

//–

/script

微信小程序里怎麼控制兩個只能選擇一個的？

方法/步驟

打開微信小程序開發工具，打開已新建的或新建一個項目

請點擊輸入圖片描述

新建一個頁面文件wxml，插入一個radio-group，然後內嵌四個radio

請點擊輸入圖片描述

保存代碼並查看左側模擬器，可以查看到一組單選按鈕

請點擊輸入圖片描述

在對應頁面的JS文件中，定義單選按鈕組change事件changeJa

請點擊輸入圖片描述

保存代碼並打開內置瀏覽器控制台，點擊單選按鈕，查看列印結果

請點擊輸入圖片描述

下載WeUI文件，然後將相關的樣式文件拷貝進去，然後修改界面並調用樣式類

請點擊輸入圖片描述

再次保存代碼並查看左側模擬器，可以看到單選按鈕樣式變成了按鈕的樣式

請點擊輸入圖片描述

小程序怎麼獲取 多組 單選按鈕選中的值？

有兩種獲取方法：

1. 在所有單選按鈕組外邊套一個 form 組件，並且加一個包含屬性 formType=”submit” 的

button 按鈕，每組單選按鈕的 name 使用你的 data-index，選擇完閉後點擊按鈕，在

bindsubmit 綁定的方法中可以獲取到所有值：

formSubmit(event) {

const values = event.detail.value;

const result = Object.keys(values).sort().map(key = values[key]);

console.log(result); // 此時的 result 就是一個按順序(name)排序的

}

2. 使用 radio-group 的 bindchange，設置值時用 data-index 確定位置。