我有一个复选框,需要在选中时获取复选框的值。使用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>
因此,您需要选择兄弟标签的文本。
<script type="text/javascript">
function SelectallColorsForStyle(e, val) {
var label = $(e).siblings("label");
alert(label.text());
}
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句