jquery.alert ポップアップ チェック ボックスの実装 code_jquery

//jQuery Alert Dialogs Plugin Version 1.0
//プラグインのダウンロード アドレス: http://a Beautifulsite.net/notebook/87
それ自体の元のメソッドは次のとおりです:

コードをコピーします コードは次のとおりです:

// 使用法:
// jAlert( message, [title, callback] )
// jconfirm( message, [title, callback] )
// jPrompt( message, [value, title, callback] )
1. multicheckbox の新しいパブリック メソッドを追加します。 :
// パブリック メソッド
multicheckbox : function (message, value, title, callback) {
if (title == null ) title = 'multicheckbox ';
$.alerts._show(title) 、メッセージ、値、' multicheckbox '、関数 (結果) {
if (コールバック) callback(result)
});

2プライベート メソッド内 _show : 関数内のマルチチェックボックスにコントロールを追加します (タイトル、メッセージ、値、タイプ、コールバック){...}: // プライベート メソッド
-------- ---- ------------重要な部分-----------------------------
case '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 input" ).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) // [OK] をクリックした後に、選択されたすべてのコンテンツを入力ボックスに返します
}); Popup_cancel" ).click(function() {
$.alerts._hide();
$("#ctl00_ContentPlaceHolder_main_TextBox_recever_sel" ).blur();
if (callback) callback(null );
});
/ /---------------------------------------- - ---------------------------------
次の名前を // Shortuct 関数に追加します:
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 までご連絡ください。