1. 程式人生 > >JSP頁面使用js對複選框多選

JSP頁面使用js對複選框多選

:1:複選框 jsp頁面如下圖


註釋: checkBox方法中ids引數,意思是 下邊name = ids的複選框中的值,this.checked代表當前選中複選框的狀態值

全選js程式碼為

function checkBox(name,checked){
$("input[name='" + name + "']").attr("checked",true);//此處寫法可以對多個複選框操作

//以下是對單個複選框的寫法

 $("#isDef").attr("checked",true);
}

註釋: jquery選擇input標籤 name屬性等於 ids的標籤,設定複選框的狀態為選中

2:複選框刪除程式碼

function optDelete(name,isDisplay){
var s = $("input[name='ids']:checked").size();
 if(s <= 0){
alert("請至少選擇一個!");
return;
}
 if(!confirm("你確定刪除嗎?")){
 return ;
 }

}

<input type="button" onclick="javascript:window.print()" value="列印" class="submit"/>

相關推薦

JSP頁面使用js

:1:複選框 jsp頁面如下圖 註釋: checkBox方法中ids引數,意思是 下邊name = ids的複選框中的值,this.checked代表當前選中複選框的狀態值 全選js程式碼為 function checkBox(name,checked){$("inpu

使用bootstrap 的下拉選單實現select的下拉

CSS程式碼:/*多選下拉框樣式(根據自己的樣式調整)*/ .dropdown_item{width: 100%} .dropdown_item>li:HOVER{background-color

destoon後臺自定義欄位增加全全不按鈕

修改include/fields.func.php 中的函式function fields_show() 在177行 case 'checkbox': if(

第三方控制元件DevExpress.repositoryItemCheckEdit選擇的問題

最近一直在弄第三方控制元件DevExpress,在gridcontol中巢狀進複選框,卻只能單選,為了解決此問題在網上查了相關資料,並結合專案情況,最終得以解決1、在GridView中某列中新增進複選框,相關的資料繫結設定成0或1進行繫結。2、新增事件(此程式碼為轉載)

easyui combobox

$('#budgetIdstr').combobox({  valueField:'id',       textField:'orgName',      editable:false,      multiple:true,      separator:';',// 

Ajax刪除的實現

AJAX多選刪除的思路是通過控制器從後臺刪除資料,然後前臺的資料是不會重新整理的,我們需要用JQUERY把前臺的資料也刪掉。 首先,引用JQUERY <script src="{{asset('lib/js/jquery-2.0.3.min.js')}}">&l

學習15 單/標簽

con form type code pan content 多選 span div <!doctype html> <html> <head> <meta http-equiv="content-type" content="t

Gridview 復刪除操作

run clas data mce header lines .info style req <asp:GridView ID="Griw_List" runat="server" HeaderStyle-BackColor="YellowGreen" class="

input CSS 自定義樣式 單/

備忘,直接上程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>樣式</title

前臺頁面JS驗證文字非空,數值範圍選擇,單

前臺頁面JS驗證文字框非空,數值範圍選擇,單選框必選,複選框必選 <script type="text/javascript">function check(){   var xm = document.ge

原生態js的美化並且可用。

原生態js美化複選框,當去掉js之後,還可以保留原有的複選框效果,最難得的是它可以在一個網頁中多次複用~,感興趣的程式猿可以看看。 css: .checkbox{ display:inline-block; width:20px;height:20px; border-ra

jquery,js,checkbox取值和賦值

ber javascrip 支持 substr i++ 不想 put pre htm 今天一個同事不太會多選框的取值和賦值的問題,我幫他解決了一下,不想自己想的朋友可以參考一下。 獲取checkBox的值,checkBox的html如下 <input type

JS】用checked實現和全不

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>無標題文件</title>

js 如果某一個子沒選中 則全按鈕不選中

<!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title>YuGiOh</title> <style type="text/css"> </style&

IE下次快速點狀態出現紊亂情況

複選框點選事件: <input type="checkbox" id="chk_2109_0" name="SFWSJ" kfdm="2109" onclick="setBNRJFProcess(this,2109);" > 在IE下連續多次點選,setBNRJFProces

js實現/全不/反

js實現複選框全選/全不選/反選 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

原生js實現全不

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選和全不選</title> <script> function

一週亂彈(1,bootstrap 同時展示個模態順序2.例子)

1,bootstrap 同時展示多個模態框順序 頁面: <%--模板--%> <div class="modal fade" id="userDepartModal"

jquery和js分別實現獲取checkbox的值+jquery實現

//jquery實現全選 $(function(){ $("#checkAll").click(function(){ $(".checkOne").attr("checked",this.checked) }) }) //批量刪除jquery實現提示 function p_d

js動態生成勾,可單

1、動態生成的位置,html程式碼: <body> <div class="show" id="show"> </div> </body> 2、這是ajax()的一部分,從資料庫取得所需的資料succes