1. 程式人生 > >獲取複選框、單選框的值

獲取複選框、單選框的值

  1. 單選框的值
<div class="ques_one">
    <p>1. 一個月健身幾次最好?(單選)</p>
    <ul>
        <li>
            <label>
                <input type="radio" name="question1" value="A" />
                <span>A 一月八次</span>
            </label>
        </li>
<li> <label> <input type="radio" name="question1" value="B" /> <span>B 一月七次</span> </label> </li> <li> <label> <input type="radio" name="question1"
value="C" />
<span>C 一月十次</span> </label> </li> <li> <label> <input type="radio" name="question1" value="D" /> <span>D 一月十二次</span> </label> </li
>
</ul> </div> <div class="submit_btn"> <input type="button" class="btn" value="提 交" name="dosubmit" onclick="questionsubmit()" /> </div> <script> function questionsubmit(){ var qs1 = $("input:radio[name='question1']:checked").val(); if(!qs1){ alert("請填寫第1題的答案"); return false; } } </script>
  1. 複選框的值
<div class="ques_one">
    <p>3. 以下說法正確是?(多選)</p>
    <ul>
        <li>
            <label>
                <input type="checkbox" name="question3" value="A" />
                <span>A 一個周健身2次</span>
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" name="question3" value="B" />
                <span>B 一個周健身3次</span>
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" name="question3" value="C" />
                <span>C 一個周健身4次</span>
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" name="question3" value="D" />
                <span>D 一個周健身5次</span>
            </label>
        </li>
    </ul>
</div>
<div class="submit_btn">
    <input type="button" class="btn" value="提 交" name="dosubmit" onclick="questionsubmit()" />
</div>
<script>
    function questionsubmit(){
        var qs3='';
        var q3 = $("input[name='question3']:checked").each(function()
        {
            var result = this.value;
            if(result){
                qs3 += result;
            }
        });
        if(!qs3){
            alert("請填寫第3題的答案");
            return false;
        }
    }
</script>

相關推薦

獲取

單選框的值 <div class="ques_one"> <p>1. 一個月健身幾次最好?(單選)</p> <ul>

【mui】使用js獲取選擇

1、複選框 checkbox常用於多選的情況,比如批量刪除、新增等; DOM結構 <divclass="mui-input-row mui-checkbox"><label>checkbox示例</label><inputnam

select選擇的使用

1、 <input text="checkbox" class="targetItem">, js操作CheckBox的選中和不選:$(".targetItem").checked=true;/$(".targetItem").checked=false; 全選

MFC介面程式設計基礎(12):組按鈕和

上一篇:MFC介面程式設計基礎(11):靜態文字框、命令按鈕和編輯框 下一篇:MFC介面程式設計基礎(13):列表框和組合框 組框、單選按鈕和複選框都是對話方塊的常見控制元件。組框與靜態文字框一樣是CStatic類

用jQuery得到form表裡面文字密碼下拉

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通過jQuery獲取表

按鈕與文字的對齊問題

最近在做單選按鈕與後面文字的對齊問題 一開始在網上找了很多文章 ,例如 複選框單選框與文字對齊問題的研究與解決 但我把5個方法都試寫了後 在火狐瀏覽器上 效果不佳 之後 又試了這條貼紙 複選框、單

jquery 根據後臺傳過來的動態設置下拉選中

url selected ros info fun cte blog font function jquery 根據後臺傳過來的值動態設置下拉框、單選框選中 1 $(function(){ 2 var sex=$("#sex").val(); 3

Unity3D中 滑塊下拉的傳方法

我們在遊戲的設定介面經常會新增一些控制遊戲內容的按鈕 以三類按鈕和設定為例:滑塊、下拉選框、單選框 分別實現遊戲中的聲音大小調節、遊戲難度選擇、是否全屏選擇,大概介面如下 沒有什麼素材,簡單傳神一下- 。- (靈魂畫師) 這些按鈕都是可以通過NGUI來直接使用的,主要說一下

更具後臺返回判斷多是否選中

js程式碼: <script type="text/javascript">   $(function(){     var a = "${ps.passagetype}";//運營商      $("input[name='passagetype']").g

Android之按鈕按鈕開關按鈕

Android的複選按鈕、單選按鈕、開關按鈕是經常使用的幾個元件。下面給出一個例子 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.and

Jquery下拉動態設定預設項,及動態獲取選中項。

1.單選框Html程式碼: 女 男 <div class="col-sm-7"> <div class="rdio rdio-success col-sm-2">

mui開發中獲取按鈕

nbsp ++ element pretty 按鈕 選擇 return null 單選按鈕的值 js獲取單選按鈕的值 function getVals(){ var res = getRadioRes(‘rds‘); if(res == null){mui.

關於下拉的資料回顯問題以及全和全不

在列表顯示的介面中通常都有編輯操作,進行編輯操作時通常就牽涉到資料的回顯問題,本文中編輯介面和新增介面是在同一個介面。 頁面中使用了jstl中的c標籤,所以要先引用: <%@ taglib prefix="c" uri="http://java.sun.com/js

以及變灰不能

使用jquery和html做一個基礎性的表單效果,記錄一下: <%@ page contentType="text/html;charset=UTF-8" %> <%@ include file="/WEB-INF/views/include/taglib

vue.js實現和下拉

new type 方式 避免 -- js實現 處理 scrip 按鈕 Vue.js可以很方便的實現數據雙向綁定,所以在處理表單,人機交互方面具有很大的優勢。下邊以單選框、復選框和下拉框為例介紹他們在HTML和Vue.js中的具體實現方式。 一、單選框 在傳統的HTML

Android基礎控件——AlertDialogProgressDialog實現對話對話進度條對話輸入對話

事先 pre 進度 技術分享 android基礎 水平 介紹 iss support AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框 事先說明: 對話框應選用android.support.v7這個包底下的組件

Vue中CheckBox實現效果

為什麼有radio不用,偏偏要使用CheckBox實現單選效果呢? 答案是如果想同時實現單選,又實現可以一個都不選的話。只能使用CheckBox來做了。   通過jQuery來做 實現思路: 1.如果當前物件不選中:去除當前物件的選中狀態 2.如果當前物件選中:

JS 以及JQuery 獲取文字按鈕的

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <me

Bootstrap模態(modal),並新增帶的表格(table),還可做提示檔案選擇等,很實用!

      Bootstrap中的模態框外掛以彈出對話方塊的形式出現,具有最小和最實用的功能集,主要的是使用起來很靈活!有以下幾個特性:(1)不支援同時開啟多個模態框;(2)務必將模態框的 HTML 程式碼放在文件的最高層級內(也就是說,儘量作為 body 標籤的直接子元素)

編輯,勾相關操作

編輯框的一些操作 用clear方法清除該元素裡面的字串 #輸入框開啟的時候,已經有內容了 input1.clear() 獲取input元素裡面輸入的文字內容 #獲取輸入框裡面已經有的內容 input1.get_attrib