Jquery 動的チェックボックスグールプを作成
来源:互联网 发布:淘宝网棉麻连衣裙 编辑:程序博客网 时间:2024/05/13 08:16
Jquery 動的チェックボックスグールプを作成
------------------- html -------------------
<div id="DivCheckBoxGroup" class="btn-group btn-group-sm submit-doc" data-toggle="buttons">
</div>
<input type="hidden" id="CheckBoxGroupVal" value="@Model.CheckBoxGroupVal"/>
------------------- js -------------------
function CreateCheckBoxGroup(dataType) {
var JsonData = '@Url.Action("GetJsonData", "controller名")';
$.ajax({
url: JsonData,
type: "POST",
dataType: "json",
//data: { par1: dataType, par2: 0 },
success: function (data) {
var divshow = $("#DivCheckBoxGroup");
divshow.text("");
if (dataType == 1) {
for (var j = 0; j < data.length; j++) {
var htmlData = "<label class='btn btn-default' )>"
htmlData += "<input type='checkbox' id = 'checkboxgroup' name='checkboxgroup' value='" + data[j].xxx_id + "' />" + data[j].xxx_name
htmlData += "</label>"
divshow.append(htmlData);
}
SetCheckBox()
}
},
error: function (msg) {
}
})
};
// checkboxの設定(チェック)
function SetCheckBox() {
var selItem = $("#CheckBoxGroupVal").val();//選択する値
if (selItem != '') {
var str = new Array();
str = selItem.split(",");
for (var i = 0; i < str.length; i++) {
$('input[name="checkboxgroup"]').each(function () {
if (str[i] == $(this).val()) {
$(this).parent('label').addClass('active');
}
});
}
}
};
// checkboxの(チェックなし)
function UnSetCheckBox() {
$('input[name="checkboxgroup"]').each(function () {
$(this).parent('label').removeClass('active');
});
};
------------------- html -------------------
<div id="DivCheckBoxGroup" class="btn-group btn-group-sm submit-doc" data-toggle="buttons">
</div>
<input type="hidden" id="CheckBoxGroupVal" value="@Model.CheckBoxGroupVal"/>
------------------- js -------------------
function CreateCheckBoxGroup(dataType) {
var JsonData = '@Url.Action("GetJsonData", "controller名")';
$.ajax({
url: JsonData,
type: "POST",
dataType: "json",
//data: { par1: dataType, par2: 0 },
success: function (data) {
var divshow = $("#DivCheckBoxGroup");
divshow.text("");
if (dataType == 1) {
for (var j = 0; j < data.length; j++) {
var htmlData = "<label class='btn btn-default' )>"
htmlData += "<input type='checkbox' id = 'checkboxgroup' name='checkboxgroup' value='" + data[j].xxx_id + "' />" + data[j].xxx_name
htmlData += "</label>"
divshow.append(htmlData);
}
SetCheckBox()
}
},
error: function (msg) {
}
})
};
// checkboxの設定(チェック)
function SetCheckBox() {
var selItem = $("#CheckBoxGroupVal").val();//選択する値
if (selItem != '') {
var str = new Array();
str = selItem.split(",");
for (var i = 0; i < str.length; i++) {
$('input[name="checkboxgroup"]').each(function () {
if (str[i] == $(this).val()) {
$(this).parent('label').addClass('active');
}
});
}
}
};
// checkboxの(チェックなし)
function UnSetCheckBox() {
$('input[name="checkboxgroup"]').each(function () {
$(this).parent('label').removeClass('active');
});
};
0 0
- Jquery 動的チェックボックスグールプを作成
- VBAアクセルで一致性チェックツール作成
- VBA 重複項目チェックツール作成(一)
- VBA 重複項目チェックツール作成(二)
- Visual Basic .NET または Visual Basic 2005 で Windows サービスのセットアップ プロジェクトを作成する方法
- オラクル10g データベース作成
- マッチャを作成しターゲット文字列にマッチさせる
- Eclipse 上で Maven2 を使おう! 其ノ弐 - 新規プロジェクトを作成
- ActiveX コンポーネントはオブジェクトを作成できません。
- ActiveX コンポーネントはオブジェクトを作成できません。
- ●スレッド-3.スレッドの作成
- MS製のテストケース作成ツール PICT
- makefile的作成
- 常駐プログラム作成
- フォルダの作成、削除、移動、タイムスタンプの取得と設定
- 作業計画とスケジュール作成の実践知識--緻密なWBS定義こそが重要
- ビューの作成
- ORACLEのDUMPを作成
- nodejs的cookie验证示例(express下)
- 微买项目总结
- stdout和stderr标准输出的区别
- 大用户量下Openvpn部署方案(一)
- python 2 3 win 环境共存
- Jquery 動的チェックボックスグールプを作成
- Unreal4 入门(关卡动态加载)
- QPBOC交易流程详解--POS与卡片的数据交互进行分析
- 有关RecyclerView+ImageLoader图片加载的小问题
- 开始自己的编码之路
- xml笔记
- android给用户头像设置圆形加边框
- 安卓权限管理
- linux升级内核之后Virtualbox启动出错无法创建任务