Question

我有一个看起来像这样的单选按钮：

<input class="MCQRadio" id="MCQ" mcq-id="1" name="MCQ" question-id="1" type="radio" value="MCQ" /> MCQ

[编辑]

当我点击radiobutton时，几个单选按钮具有相同的类名，如何从特定按钮中检索question-id值和mcq-id值？最好用jQuery。

我已经设置了一个这样的点击处理程序：

$(document).ready(function () {

    $('.MCQRadio').click(function () {

Answer 1

var mcq-id = $('#MCQ').attr("mcq-id");
var question-id = $('#MCQ').attr("question-id");

Answer 2

$('#MCQ').attr('question-id')
$('#MCQ').attr('mcq-id')

Answer 3

已经给出的大部分答案都是正确的。我会做一个补充，以避免遍历DOM两次以找到你的单选按钮元素。

//Store the jQuery object in a variable so that it's only retrieved once
var $myRadio = $('#MCQ');

//Get your attributes
var mcq-id = $myRadio.attr("mcq-id");
var question-id = $myRadio.attr("question-id");

您还可以附加所有单选按钮的click事件（通过类选择器）并获取事件处理程序中的属性：

$('.MCQRadio').click(function() {
    //Use $(this) to grab the attribute value of the selected element
    var mcq-id = $(this).attr('question-id');
    var question-id = $(this).attr('mcq-id');
});

Answer 4

其他答案已经向您展示了如何获取特定属性。但是，既然您在编辑中添加了想要获取所点击的特定属性的属性，您可以尝试：

$('.MCQRadio').click(function() {

   $(this).attr('question-id');
   $(this).attr('mcq-id');

});

Answer 5

这些将返回您想要的值。

$('#MCQ').attr('mcq-id')
$('#MCQ').attr('question-id')

如何从html输入获取属性值？

5 个答案: