>웹 프론트엔드 >JS 튜토리얼 >jquery.alert 팝업 확인란 구현 code_jquery

jquery.alert 팝업 확인란 구현 code_jquery

WBOY
WBOY원래의
2016-05-16 18:51:331612검색

//jQuery Alert Dialogs Plugin Version 1.0
//Plug-in 다운로드 주소: http://abeautifulsite.net/notebook/87
자체의 원래 방법은 다음과 같습니다:

코드 복사 코드는 다음과 같습니다.

// 사용법:
// jAlert( message, [title, callback] )
// jConfirm( message, [title, callback] )
// jPrompt( message, [value, title, callback] )
1. :
// 공개 메소드
multicheckbox : function (message, value, title, callback) {
if (title == null ) title = 'multicheckbox ';
$.alerts._show(title , 메시지, 값, ' multicheckbox ', 함수(결과) {
if(콜백) 콜백(결과)
},


2 . 프라이빗 메소드에서 _show : 함수의 다중 체크박스에 제어 추가(제목, 메시지, 값, 유형, 콜백){...}: // 프라이빗 메소드
--------- ---- ------------핵심 부분------------------
케이스 'multicheckbox' :
$("#popup_message" ).append(value).after(' ');
var $spanHover = $("# 대화 상자 범위" );
$spanHover.hover(
function () {$(this ).addClass("spanmousehover" );},
function () {$(this ).removeClass("spanmousehover " );}
);
$("#checkall" ).click(function () {
if ($("#checkall" ).html() == "모두 선택" ) {
$("#dialog input" ).each(function () {$(this ).attr("checked" , true );})
$("#checkall" ).html("취소 all Select" );
}
else {
$("#dialog input" ).each(function () {$(this ).attr("checked" , false);});
$("#checkall" ).html("모두 선택" );
}
})
$("#delcheckall" ).click(function () {
$( " #dialog 입력" ).each(function () {$(this ).attr("checked" , false );})
$("#popup_ok" ).click(function ( ) {
var getAll = "";
var test = $('#dialog input' ).each(function () {if (this .checked) {getAll = $(this ).val() ' ,';}});
var valback = getAll.substring(0, getAll.length - 1);//마지막 ',' 숫자 제거
$.alerts._hide(); $ ("#ctl00_ContentPlaceHolder_main_TextBox_recever_sel" ).blur();
if (callback) callback(valback); // 확인을 클릭한 후 선택한 내용을 모두 입력 상자로 반환합니다
$("# popup_cancel" ).click(function() {
$.alerts._hide();
$("#ctl00_ContentPlaceHolder_main_TextBox_recever_sel" ).blur();
if (콜백) callback(null );
})
/ /---------------- ---------------------------------
// 단축 함수에 다음 이름을 추가합니다.
jMulticheckbox = function (message, value, title, callback) {
$.alerts.multicheckbox(message, value, title, callback)

3. 이전 코드(또는 asp:TextBox)는 onfocus 속성에서 다음 스크립트를 호출합니다:

jMulticheckbox('' , '<% = allcheckinfo.ToString() %> ' , '수신 부서를 선택하세요.' , function (r ) {
// 들어오는 html 요소, 팝업 상자의 기본 제목, 콜백 결과(즉, 선택한 콘텐츠)를 정의합니다.
if (r!=null ) $('#ctl00_ContentPlaceHolder_main_TextBox_recever_sel' ).val(r ; allinfo.Append("
" ); ...
while (OracleDataReader.Read())
{
string bumeninfo = oradr[0].ToString( );
allinfo.Append("
" );
}
...
allinfo .Append("
" );
JS에
...
를 반환하면 최종 효과는 다음과 같습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.