當前位置:首頁 » 網頁前端 » web前端提交表單選框
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web前端提交表單選框

發布時間: 2022-07-03 18:51:42

⑴ html前端復選框多類多個復選框提交怎麼封裝選中的數據,提交到後台,我後端是php

首先你得有個form表單,還得有個提交按鈕吧,form裡面有個屬性是action=「你要提交的php處理頁面」 method=「post」 ,php處理頁面用$_POST['提交的name'] 如'menuMole',既然是復選框,他的name的值肯定是不一樣的

⑵ 移動web前端如何實現點擊編輯後,彈出復選框,勾選後再次點擊取消勾選並且可以表單提交數據給後台

搭建一個後台 一個資料庫 在一個前台 在頁面判斷是否為真,為真了,然後把前台頁面數據交給後台添加到資料庫,他然後在後台判斷是否添加成功,成功回饋頁面一個信息 購買成功添加成功之,反之失敗

⑶ web前端,輸入選擇框選中狀態下的css樣式如何改

CSS可以完成這個效果,但需要高版本的瀏覽器支持,兼容性不是特別好。
使用的代碼就是 input:hover 或者 input:focus 這兩個語法就可以。

⑷ 前端代碼使用 提交表單數據,怎麼提交

⑸ 關於form表單 單選框 input type=radio 選中提交的問題

$(document).ready(function(){
$("#search_button").click(function(){
var a =$(":radio[name="check"]:checked").val(); //獲取選中的值
if(a == "site"){
ajax_search(); //調用第一個函數
}else{

bottomForm(); //調用第二個函數
}

});
});

⑹ 前端表單提交怎樣 做出 興趣 限制選項

很常見的業務場景,就是前端一個表單,submit給後台,在web.form時代,有from的runat="server"配合submit自動會提交給服務端,然後服務端解析Request裝填對象。如果要是非同步提交的話,就麻煩點,from表單不會自動把你的所有value傳給後台,於是就一個一個獲取value值,通過json對象非同步提交給後台,然後再由後台一個一個解析,再封裝給對象。

$.post("Handler1.ashx",{Name:$("#txtName").val(),Age:$("#txtAge").val()},function(res)
{...})

很慶幸的是上面只有2個參數,如果需要提交有10多個參數的話,用這種方法相信大家都有手疼的感覺。

幸虧在jquery上有serializeArray方法,可以不關心表單內容,只要有name屬性,就會直接匹配value或者test值,生成一個json對象。如下:

<formid="createStudent_form"runat="server">
<table>
<tr><td>Name:</td><td><inputtype="text"name="Name"/></td></tr>
<tr><td>Address:</td><td><inputtype="text"name="Address"/></td></tr>
<tr><td>Sex:</td><td>男<inputtype="radio"name="Sex"value="1"/>女<inputtype="radio"name="Sex"value="0"/></td></tr>
<tr><td>Remark:</td><td><textareaname="Remark"></textarea></td></tr>
<tr><td><inputtype="button"value="submit"id="submit_btn"/></td></tr>
</table>

</form>

<scriptsrc="Scripts/jquery-1.10.2.min.js"></script>
<script>
$(function(){
$("#submit_btn").click(function(){
varjson=$("#createStudent_form").serializeArray();
console.log(JSON.stringify(json));
});
})
</script>

點擊提交表單,列印出來的結果是:
結果

一看是個json對象數組,除了第一個是webForm獨有的shit東西以外,其他大家一眼可以看出來是name,value兩個鍵值對相匹配。這與我們想要得到的格式{name:value}還不太一致,當然jquery做到這一步已經不錯了(其實內部實現原理也不難,拿到表單一一遍歷組成Json),剩下的就需要咱們自己擴展了。簡單改造如下:
serializeJson

通過上面的方法就得到了咱們想要的結果集了,但是這只是最基本的擴展,你可以繼續深化比如支持相同內容的多個表單提交,支持相同name的多選框等等。

咱們非同步提交給後端看看:
非同步提交com?
相信到了這一步後,用過Mvc的小夥伴們看了一下子就興奮起來了,因為Action會自動轉化類型,只要你在後台定義過一個StudentModel對象,其參數和name一致,然後不用關系Requset就可以直接拿到了對象的值,這簡直是爽呆了,幾乎是太簡單了。如下:


自定義實體轉化

希望能多少給你點幫助。

最後再反向操作下,給了Json對象,如何自動把值賦給表單中的元素:

數據源:

publicActionResultIndex()
{
returnView();
}
publicActionResultLoadAll()
{
List<Test>list=newList<Test>();
Testtest1=newTest(){
Id=1,
Name="xxx",
Title="xxx",IsCheck=false,
ClassId=1
};
list.Add(test1);
returnJson(list);
}
}
publicclassTest
{
publicintId{get;set;}
publicstringName{get;set;}
publicstringTitle{get;set;}
publicboolIsCheck{get;set;}
publicintClassId{get;set;}
}

前端:

<script>
$(function(){
load();
})

functionsyncJsonTofrom($form,entity)
{
for(varkeyinentity){
var$control=$form.find("[name="+key+"]");
if($control){
if($controlwww.66298899.com?attr("type")=="checkbox"&&entity[key]){
$control.attr("checked",true);
}
$control.val(entity[key]);
}
}
}
functionload(){
$.post("/Test/LoadAll",function(res){
varentity=res[0];
syncJsonTofrom($("#frm"),entity);
})

}
</script>
<formid="frm">
ID:
<inputtype="text"name="Id"/>
NAme:
<inputtype="text"name="Name"/>
Title
<inputtype="text"name="Title"/>
Ischeck<inputtype="checkbox"name="IsCheck"/>
class
<selectname="ClassId">
<optionvalue="0">xxx</option>
<optionvalue="1">222
</option>
<optionvalue="2">222333
</option>
</select>
</form>

⑺ JQuery form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結(整理)

先上三張效果圖:


這些功能在Java
Web開發中可能是經常需要的,雖然很簡單卻使很實用的功能,這里記錄下以免忘記。
1.
先說表單提交前驗證:後台經常用到(這里是提交後統一驗證,及時驗證請參考我另一篇文章
http://blog.csdn.net/jianzhonghao/article/details/52503431)
1.1
通過submit
按鈕提交後
會根據form的屬性action=「路徑」來跳轉到相應的路徑,這時,給form添加一個
onsubmit
=」return
check()」
屬性,
check()使我們要寫的驗證函數,如下圖:
<form
action="路徑"
onsubmit="return
check()"
method="POST">
1.2
check()函數如下(驗證姓名是否填寫

單選框性別是否選中)
$(『#notice')
的話,隨便寫個div加個id屬性就好了
<script
type="text/javascript">
function
check(){
var
name
=
$('#name').val().trim();
var
gender=$('input:radio[name="gender"]:checked').val();
if(!name){
$('#notice').text('客服名稱不能為空!').show();
return
false;
}else
if(!gender){
$('#notice').text('請選擇客服性別!').show();
return
false;
}
else{
return
true;
}
}
</script>
<div
id="notice"
style="font-size:
30px;color:red;margin-top:
15px;"
></div>
1.3最後說一下刪除時,確認是否刪除的問題
<input
type="image"
src="刪除圖標的路徑"
title="刪除"
onclick="{if(confirm('確定刪除嗎?')){javascript:document:delfrom_${ServerInfo.id
};return
true;}return
false;}">
分開寫實際就是
if(confirm('確定刪除嗎?')){
{javascript:document:delfrom_${ServerInfo.id
};
return
true;
}
return
false;
以上所述是小編給大家介紹的JQuery
form表單提交前驗證單選框是否選中、刪除記錄時驗證經驗總結,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

⑻ WEB前台內容,一個form表單中三個提交按鈕如果判斷.

第一:按鈕提交form必須使用javascript,如果你在js中沒有改變這個form的action屬性,而且你這三個按鈕都是提交的你寫的這個form,那這三個按鈕當然全是提交到那一個action中。怎麼用按鈕提交form相信你也會了吧。用submit提交,都是提交到action屬性寫的那個action,也是同一個action.

第二:一般的思路都是在提交每個按鈕的時候,附加一個不同的標識符來區分是那個按鈕提交的, 通過判斷標識符,就可以對應不同的邏輯。
例如:可以在form當中增加一個隱藏域,點擊不同按鈕的時候,給隱藏域賦不同的值,然後在action中接送隱藏域的值,判斷值,就可以知道是哪個按鈕提交的,然後就可以對應相應的邏輯了。
<input type="hidden" name="hidden1" id="hidden1"/>
function examine(type){
document.getElementById("hidden1").value=type;
if(confirm("確定?")){
document.form.submit(); //form指你要提交的那個form的id,name屬性。
}
<input type="button" name="sure" value="確認" onclick="examine('1')"/>
<input type="button" name="update" value="修改" onclick="examine('2')">
<input type="button" name="delete" value="刪除" onclick="examine('3')">
在action中接收type的值就可以知道是確認,修改還是刪除了。

⑼ java web 的表單提交與傳值

你貼的代碼沒有錯,但你的數據類型轉化錯的,應該是在你別的類上,。你到InsertoneAction調用的JAVABEAN里去找找,有沒有像這樣轉化為整型的的:如int str_ty= Integer.parseInt(str_ty);如果有那就是從那裡報的錯了,因為如果從面頁獲取的值為空字元串,那麼報出的異常就是:For input string: "str_ty"。修改的時候,要判空再轉化就OK了。

⑽ javaweb的jsp頁面form表單提交相關問題!~~~~~~~~

很麻煩的事:
三個div,根據select選擇顯示
每個div中的input,你用的是同樣的name屬性,分別在不同的form中
提交時又不想提交其他的div中的input

解決方法一:一般也是常用做法
select
不控制div的顯示,控制input的顯示
input不存在重復neme的
所有元素在同一個form中
這樣做,需要對頁面布局修改,考慮到各種情況(切換時顯示、隱藏、某些值清空等),對於頁面js部分復雜,但有利於數據處理,即form提交後的數據處理
(我做的所有項目都是此中方式)

解決方法二:
1.
採用你原來的方式
2.
所有input放在一個form中
2.
在select切換div時,修改input的name屬性,即把隱藏的div的那麼屬性修改成如id_1,把顯示的改為id,切換時來回修改
這樣就可以整個表單提交

目前只能提供者2個方式,都需要js操作,希望有所幫助