模态窗口jquery 怎么传递一个按钮的几个参数
时间: 2023-11-21 07:04:36 浏览: 27
您可以使用一个对象来传递一个按钮的多个参数。以下是一个示例:
HTML:
```html
<div id="dialog" title="Dialog Title"></div>
```
JavaScript:
```javascript
// 定义按钮参数对象
var button1Params = {
param1: "按钮1参数1",
param2: "按钮1参数2"
};
var button2Params = {
param1: "按钮2参数1",
param2: "按钮2参数2"
};
// 创建模态窗口
$("#dialog").dialog({
modal: true,
buttons: [
{
text: "按钮1",
click: function() {
// 按钮1操作
console.log("按钮1参数1:" + button1Params.param1);
console.log("按钮1参数2:" + button1Params.param2);
$(this).dialog("close");
},
params: button1Params // 传递按钮参数对象
},
{
text: "按钮2",
click: function() {
// 按钮2操作
console.log("按钮2参数1:" + button2Params.param1);
console.log("按钮2参数2:" + button2Params.param2);
$(this).dialog("close");
},
params: button2Params // 传递按钮参数对象
}
]
});
```
在上面的示例中,我们在每个按钮对象中添加了一个 `params` 属性,用于传递按钮参数对象。在按钮的 `click` 事件中,您可以通过访问 `params` 属性来获取传递的参数对象的属性。
请注意,此示例中的按钮操作仅仅是简单地输出参数并关闭模态窗口,您需要根据您的需求进行相应的操作。