模态窗口jquery 怎么传递按钮的几个参数
时间: 2023-11-21 17:04:00 浏览: 45
您可以使用 jQuery UI Dialog 来创建模态窗口并传递按钮参数。以下是一个示例:
HTML:
```html
<div id="dialog" title="Dialog Title"></div>
```
JavaScript:
```javascript
// 定义按钮参数
var button1Param = "按钮1参数";
var button2Param = "按钮2参数";
// 创建模态窗口
$("#dialog").dialog({
modal: true,
buttons: [
{
text: "按钮1",
click: function() {
// 按钮1操作
console.log("按钮1参数:" + button1Param);
$(this).dialog("close");
},
param: button1Param // 传递按钮参数
},
{
text: "按钮2",
click: function() {
// 按钮2操作
console.log("按钮2参数:" + button2Param);
$(this).dialog("close");
},
param: button2Param // 传递按钮参数
}
]
});
```
在上面的示例中,我们在每个按钮对象中添加了一个 `param` 属性,用于传递按钮参数。在按钮的 `click` 事件中,您可以通过访问 `param` 属性来获取传递的参数。
请注意,此示例中的按钮操作仅仅是简单地输出参数并关闭模态窗口,您需要根据您的需求进行相应的操作。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)