我有一个复选框,我需要在选中时获取复选框的值。在 JavaScript 或 jquery 中。我在下面放置了我的 ASPX 代码。这应该在 IE 中工作,而我正在尝试将响应显示为“打开”而不是值。
ASPX代码:
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="CHK_STY_ALL"
runat="server"
onclick="javascript:Selectallcheckbox(this);" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CHK_STY"
runat="server"
onclick="javascript:SelectallColorsForStyle(this,value);"
CssClass="checkboxselection"
Text='<%#Eval("STY_NBR")%>' />
</ItemTemplate>
</asp:TemplateField>
JavaScript 和 JQuery:
<script language="javascript" type="text/javascript">
function Selectallcheckbox(val) {
if (!$(this).is(':checked')) {
$('input:checkbox').prop('checked', val.checked);
} else {
$("#chkroot").removeAttr('checked');
}
}
</script>
<script type="text/javascript">
function SelectallColorsForStyle(e,val) {
var IDValue = $(e).attr('id');
var StyleNumber = document.getElementById(IDValue).value;
alert(StyleNumber);
}
</script>
将值显示为“ON”而不是显示在复选框旁边的原始值。
最佳答案
ASP.Net CheckBox 呈现为输入 和标签。
<span class="checkboxselection">
<input id="GridView1_CHK_STY_0"
type="checkbox"
name="GridView1$ctl02$CHK_STY"
onclick="javascript: SelectallColorsForStyle(this, value);" />
<label for="GridView1_CHK_STY_0">100005</label>
</span>
因此您需要选择sibling label的文本。
<script type="text/javascript">
function SelectallColorsForStyle(e, val) {
var label = $(e).siblings("label");
alert(label.text());
}
</script>
关于javascript - OnClick 时获取 JavaScript 或 JQuery 值中的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27707566/