Jquery获取复选框选中的值,然后发送请求

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_25484147/article/details/80984637
var array = new Array () ;
$ . each ( $ ( ' input :checkbox[ name =ids]' ) , function (){
if ( this . checked ){
array . push ( $ ( this ) . val ()) ;
}
}) ;
$ . ajax ({
type : "post" ,
url : all_scope_path + "/baseAiAwardRule/multiDeleteAwardRule" ,
data : { "ids" : JSON . stringify ( array )} ,
dataType : "json" ,
beforeSend : function ( XMLHttpRequest ){
Ewin . loading () ;
} ,
success : function ( data, textStatus ){
Ewin . unblock () ;
var code =data. code ;
if ( code == 0 ){
Ewin . success ({
message : " 操作成功! "
}) . hide ( function ( e ) {
var url = all_scope_path + "/baseAiAwardRule/toBaseAiAwardRulePage" ;
pageJump ( url ) ;
}) ;
} else {
Ewin . error ({
message : " 操作失败! "
}) ;
}
} ,
error : function (){
Ewin . unblock () ;
}
}) ;

springmvc接受的时候使用string自己串来接。接受之后然后使用json转一下。
List < String > id = ( List < String > ) JSONArray . parse ( ids ) ;
List < Long > list = new ArrayList < Long > () ;
for ( String str : id ) {
list . add ( Long . parseLong ( str )) ;
}

复选框全选的操作:
$ ( "#check_all" ) . click ( function () {
if ( this . checked ) {
$ ( " input :checkbox" ) . prop ( "checked" , true ) ;
} else {
$ ( " input :checkbox" ) . prop ( "checked" , false ) ;
}
}) ;

判断复选框是否有被选中:做了一个验证
validateArea = function () {
$ ( "#ids_error" ) . html ( '' ) ;
var length = 0 ;
$ . each ( $ ( ' input :checkbox[ name =ids]' ) , function (){
if ( this . checked ){
length = $ ( ' input [ type =checkbox]:checked' ) . length
}
}) ;
if ( length == 0 ) {
$ ( "#ids_error" ) . html ( '<font color="red"> 请至少选择一个城市 </font>' ) ;
return false ;
}
return true ;
} ;

猜你喜欢

转载自blog.csdn.net/qq_25484147/article/details/80984637