Question

如何使用javascript检索复选框的属性值。

我在onclick()事件中使用了javascript函数。

在该功能中，我能够识别是否选中了复选框。

但是当我获得追溯价值时，我没有得到。

var id=$("#chkbox").attr("attibteid");

以上查询不会返回任何内容。请建议

Answer 1

如果你有一个复选框

，一般很难确切地说出你在寻找什么

<input type="checkbox" 
       id="mycheckbox" 
       value="something" 
       attibteid="custom" 
       data-msg="hello" />

然后点击按钮查看

<input type="button" id="btn" value="I check checkbox" />

然后是您可以检查的值

$("#btn").click(function(){
 var $checkbox = $("#mycheckbox");
 var theValue = $checkbox.val();//"something"
 var theId = $checkbox[0].id;//"mycheckbox"
 var isChecked = $checkbox.is(":checked");//false or true
 var attrValue = $checkbox.attr("attibteid");//"custom"
 var someData = $checkbox.data("msg");//"hello"
});

demo

Answer 2

您可以获得如下所示的value复选框：

var value = $("#chkbox").val();

Answer 3

如果您通过点击事件$(this).is(":checked")获得了复选框状态，但无法通过$("#chkbox").is(":checked")获取，请验证：

该复选框的属性id的值为chkbox，
没有其他元素具有相同的id。

如果您不是要查看检查状态，而是查找属性的值，请执行以下操作：

$("#chkbox").attr("<name here>")

替换＆＃34;＆lt; name here＆gt;＆＃34;根据您正在寻找的属性的实际名称。

如何使用javascript检索复选框的属性值

3 个答案: