獲取複選框、單選框的值
- 單選框的值
<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>
- 複選框的值
<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基礎控件——AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框
事先 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