当前博客:实战多选框领取

227 次浏览【转载需注明来源】

博客作者:【1989****4839】

个性签名:寒窗苦读十年,一朝凤舞九天

预览图

1.准备支持库

2.HTML区块

			<区块 类名="lay-折叠面板">
			    <区块 类名="lay-折叠面板-项目">
			        <标题2 类名="lay-折叠面板-标题">请选择礼物,只能2个</标题2>
			        <区块 类名="lay-折叠面板-内容 lay-显示" >
			            <!---->
			                <表单 表单地址="" 交互类型="" id="第一个礼包列表" 限制领取数量=2>
			                苹果<数据框 属性名称="" 数据类型="选择框" 数据值="苹果">
                		    香蕉<数据框 属性名称="" 数据类型="选择框" 数据值="香蕉">
                		    梨子<数据框 属性名称="" 数据类型="选择框" 数据值="梨子">   
			                </表单>
                		    <按钮 id="确定选择" 按钮类型=" 普通按钮"  >确定</按钮>
                		  <!---->
			         </区块>
			    </区块>
			</区块>
	
Markup

3.脚本中

		<脚本>
		    var  列表=$("#第一个礼包列表").子元素()
		    $("#确定选择").点击元素(定义函数(JQ事件对象){
		      var 确定数量 = 0;//用于确定领取的数量
		        var 领到的东西组=[]//用于添加选择的道具
		        for (i=0;i<列表.length;i++){
		            if (列表[i].checked==true){
		                确定数量+=1
		                领到的东西组.添加成员(列表[i].defaultValue)//加入点击的数据
		            }
                }
		        if (确定数量>2){
		            ("超出了领取的数量")
		        }
		        else if (确定数量!=2){
		            ("请选择2个数量好嘛")
		        }
		        else{
		            for (l=0;l<确定数量;l++){
		                (领到的东西组[l])
		            }
		        }
		    });
	    </脚本>
JavaScript

4.完毕

5.格式化后的脚本

		<脚本>
			变量 列表 = $("#第一个礼包列表").子元素();
			$("#确定选择").点击元素(定义函数 (JQ事件对象) {
				变量 确定数量 = 0; //用于确定领取的数量
				变量 领到的东西组 = []; //用于添加选择的道具
				循环 (i = 0; i < 列表.长度; i++) {
					如果 (列表[i].checked == 真) {
						确定数量 += 1;
						领到的东西组.添加成员(列表[i].defaultValue); //加入点击的数据
					}
				}
				如果 (确定数量 > 2) {
					信息框("超出了领取的数量");
				} 否则 如果 (确定数量 != 2) {
					信息框("请选择2个数量好嘛");
				} 否则 {
					循环 (l = 0; l < 确定数量; l++) {
						信息框(领到的东西组[l]);
					}
				}
			});
		</脚本>
JavaScript

6.多选框的属性提示:

.checked [逻辑型] 是一个数据框是否为选中状态

.defaultValue [文本型] 是为HTML中的数据库的[数据值]

 

N.后续提前限制[不能点击]参考:

//提前限制法
			变量 限制的领取数量 = 2;
			$("#礼物面板").点击元素(定义函数 (JQ事件对象) {
				//元素被单击了
				变量 列表 = $("#第一个礼包列表").子元素();
				变量 确定数量 = 0;
				循环 (i = 0; i < 列表.长度; i++) {
					如果 (列表[i].checked == 真) {
						确定数量 += 1;
					}
					如果 (确定数量 > 限制的领取数量) {
						列表[i].checked = 假;
					}
				}
			});

 

实战多选框领取