Flask 模板 如何抓到html form Radio的值，並發出警告視窗

woff

如果要在html form裡抓到Radio的值

html

1. <button class="btn btn-success" type="submit" name="insert" onClick="return choosing()">
   
2. 
   
3. <td><input type="radio" name="choose" value="{{class.cid}}"></td>

複製代碼

python檔，這拾取地的值是ImmutableMultiDict([])，所以用'insert' in req來檢查'insert' KEY在不在，req['choose']來抓取選取值

1. req = request.form
   
2.     print("req:",req)
   
3.         # 選擇choose 的Radio值
   
4.     if request.method == "POST" and ('insert' in req) :
   
5.         choose=req['choose']
   
6.         print("req:",req['choose'])

複製代碼

若要使用 JavaScript檢索id選取單選按鈕的屬性值，可以採用下列方法：
選擇已勾選的單選按鈕：
與 CSS 選擇器一起使用document.querySelector()，該選擇器定位到類型為「radio」且目前已選取的輸入元素。 此選擇器通常類似於input[name="yourRadioGroupName"]:checked。 請將其替換為單選按鈕共享的"yourRadioGroupName"實際屬性值。name
訪問id屬性：
一旦您獲得了對所選單選按鈕元素的引用，您就可以id使用該.id屬性存取其屬性。
以下是一個例子：
JavaScript

1. <script>
   
2.     function choosing() {
   
3.         // Assuming your radio buttons have the name "choose"
   
4.         const selectedChooing= document.querySelector('input[name="choose"]:checked');
   
5.         if (selectedChooing) {
   
6.             //window.alert("Selected radio button ID:", selectedId);
   
7.         } else {
   
8.             window.alert("請選擇分類!!!");
   
9.             return false;
   
10.         }
    
11.     }
    
12. </script>

複製代碼

展示圖：

Flask 模板 html Radio 警告視窗

文章來源：NetYea 網頁設計