<html>
<head>
<title></title>
<!-- head 中 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
</head>
<body>
<button class="btn">测试</button>
<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>
<script type="text/javascript">
$(".btn").click(function(){
function alertTwoInput(text, title, input1, input2, input3, onCancel, onOK) {
var config;
if (typeof text === 'object') {
config = text;
} else {
config = {
text: text,
title: title,
input1: input1,
input2: input2,
input3: input3,
onOK: onOK,
onCancel: onCancel,
empty: false //allow empty
};
}
$.modal({
text: '<p class="weui-prompt-text">' + (config.text || '') + '</p><input type="text" class="weui-input weui-prompt-input input1" id="weui-prompt-input" value="' + (config.input1 || '') + '" />' + '<input type="text" class="weui-input weui-prompt-input input2" id="weui-prompt-input" value="' + (config.input2 || '') + '" />' + '<input type="text" class="weui-input weui-prompt-input input3" id="weui-prompt-input" value="' + (config.input3 || '') + '" />',
title: title,
buttons: [{
text: onCancel,
className: "primary",
onClick: function () {
console.log("cancel");
$.closeModal();
}
}
, {
text: onOK,
className: "primary",
onClick: function () {
console.log($(".input2").val());
}
}
]
});
}
alertTwoInput('详细描述','标题','请输入姓名','请输入电话','请输入地址','取消','确定');
})
</script>
</body>
</html>
如有疑问或者交流问题请加:QQ 2137087126
转载请注明来源地址：www.zhyunxuan.com
更新时间 2023-02-01
2364
