使用JavaScript获取按钮值的最佳方法

我需要获取

按钮

元素的

值

属性的值，并将该值写入另一个模式

我的PHP中有一个循环，它编写以下HTML：

<button data-toggle="modal" data-target="#mod-error" type="button" class="myclasses btn" value="1">Confirm</button>
<button data-toggle="modal" data-target="#mod-error" type="button" class="myclasses btn" value="2">Confirm</button>
<button data-toggle="modal" data-target="#mod-error" type="button" class="myclasses btn" value="3">Confirm</button>

---

是我的模态的演示。

使用jQuery:

$(document).ready(function() {
    $('.btn').click(function() {
        alert($(this).attr("value"));
    });
});

使用以下命令代替警报：

$('.modal-footer a').attr("href", $(this).attr("value"));

见

使用纯Javascript

document.getElementById('btn').onclick = function() {
    document.getElementById('link').setAttribute('href', this.value);
}

---

使用jQuery查看

：

$(document).ready(function() {
    $('.btn').click(function() {
        alert($(this).attr("value"));
    });
});

使用以下命令代替警报：

$('.modal-footer a').attr("href", $(this).attr("value"));

见

使用纯Javascript

document.getElementById('btn').onclick = function() {
    document.getElementById('link').setAttribute('href', this.value);
}

---

使用jQuery查看

：

$(document).ready(function() {
    $('.btn').click(function() {
        alert($(this).attr("value"));
    });
});

使用以下命令代替警报：

$('.modal-footer a').attr("href", $(this).attr("value"));

见

使用纯Javascript

document.getElementById('btn').onclick = function() {
    document.getElementById('link').setAttribute('href', this.value);
}

---

使用jQuery查看

：

$(document).ready(function() {
    $('.btn').click(function() {
        alert($(this).attr("value"));
    });
});

使用以下命令代替警报：

$('.modal-footer a').attr("href", $(this).attr("value"));

见

使用纯Javascript

document.getElementById('btn').onclick = function() {
    document.getElementById('link').setAttribute('href', this.value);
}

见

如果您正在寻找无依赖性

如果您正在寻找无依赖性

如果您正在寻找无依赖性

---

如果您不查找依赖项。

您可以尝试此操作，添加

数据customId

属性并从所有按钮中删除

值：

<button data-customId="1" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="2" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="3" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn" >Confirm</button>

然后为
引导显示事件注册处理程序
：

$('#confirmAction').on('show.bs.modal', function (e) {
    $id = $(e.relatedTarget).attr('data-customId'); // Get the customId
    $(this).find('a:first').attr('href', $id);
});

您可以尝试此操作，添加
数据customId
属性，并从所有按钮中删除
值
：

<button data-customId="1" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="2" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="3" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn" >Confirm</button>

然后为
引导显示事件注册处理程序
：

$('#confirmAction').on('show.bs.modal', function (e) {
    $id = $(e.relatedTarget).attr('data-customId'); // Get the customId
    $(this).find('a:first').attr('href', $id);
});

您可以尝试此操作，添加
数据customId
属性，并从所有按钮中删除
值
：

<button data-customId="1" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="2" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="3" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn" >Confirm</button>

然后为
引导显示事件注册处理程序
：

$('#confirmAction').on('show.bs.modal', function (e) {
    $id = $(e.relatedTarget).attr('data-customId'); // Get the customId
    $(this).find('a:first').attr('href', $id);
});

您可以尝试此操作，添加
数据customId
属性，并从所有按钮中删除
值
：

<button data-customId="1" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="2" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn">Confirm</button>
<button data-customId="3" data-toggle="modal"  data-target="#mod-error" type="button" class="myclasses btn" >Confirm</button>

然后为
引导显示事件注册处理程序
：

$('#confirmAction').on('show.bs.modal', function (e) {
    $id = $(e.relatedTarget).attr('data-customId'); // Get the customId
    $(this).find('a:first').attr('href', $id);
});

您如何显示
模式
在这里发布您的代码。@WereWolf TheAlpha Done！您的按钮中没有id。如果我有id和getelementbyid，我无法获取每个按钮的值，只能从第一个按钮获取，但我需要知道模式中的所有值。所以我的模式需要是动态的，并使用被点击的按钮的值来调用模式。你可以使用
数据自定义ID
。你如何显示
模式
在这里发布你的代码。@WereWolf TheAlpha Done！您的按钮中没有id。如果我有id和getelementbyid，我无法获取每个按钮的值，只能从第一个按钮获取，但我需要知道模式中的所有值。所以我的模式需要是动态的，并使用被点击的按钮的值来调用模式。你可以使用
数据自定义ID
。你如何显示
模式
在这里发布你的代码。@WereWolf TheAlpha Done！您的按钮中没有id。如果我有id和getelementbyid，我无法获取每个按钮的值，只能从第一个按钮获取，但我需要知道模式中的所有值。所以我的模式需要是动态的，并使用被点击的按钮的值来调用模式。你可以使用
数据自定义ID
。你如何显示
模式
在这里发布你的代码。@WereWolf TheAlpha Done！您的按钮中没有id。如果我有id和getelementbyid，我无法获取每个按钮的值，只能从第一个按钮获取，但我需要知道模式中的所有值。因此，我的模式需要是动态的，并使用单击并调用模式的按钮的值。您可以使用
数据customId
。但是我有许多其他按钮使用这个类，因为它来自Twitter引导，我可以按名称获取吗？使用纯javascript？没问题，因为这段代码获得了按钮单击的值。@user1533106我希望能对您有所帮助。@user1533106漂亮的模式窗口是rock。我不知道，但我不知道，我会用的，谢谢。：）但是我有很多其他的按钮使用这个类，因为它来自Twitter引导，我可以通过名字获得吗？使用纯javascript？没问题，因为这段代码获得了按钮单击的值。@user1533106我希望能对您有所帮助。@user1533106漂亮的模式窗口是rock。我不知道，但我不知道，我会用的，谢谢。：）但是我有很多其他的按钮使用这个类，因为它来自Twitter引导，我可以通过名字获得吗？使用纯javascript？没问题，因为这段代码获得了按钮单击的值。@user1533106我希望能对您有所帮助。@user1533106漂亮的模式窗口是rock。我不知道，但我不知道，我会用的，谢谢。：）但是我有很多其他的按钮使用这个类，因为它来自Twitter引导，我可以通过名字获得吗？使用纯javascript？没问题，因为这段代码获得了按钮单击的值。@user1533106我希望能对您有所帮助。@user1533106漂亮的模式窗口是rock。我不知道，但我不知道，我会用的，谢谢。：）对不起，我不能选两个！对不起，我不能选两个！对不起，我不能选两个！对不起，我不能选两个！