在单击时获取JavaScript或JQuery值中的复选框
我有一个复选框,我需要在选中时获取复选框的值。在JavaScript或jquery中。我已将我的ASPX代码放在下面。这应该在IE中起作用,而我正在尝试,它显示的是“打开”的响应,而不是值 ASPX代码:在单击时获取JavaScript或JQuery值中的复选框,javascript,jquery,html,asp.net,checkbox,Javascript,Jquery,Html,Asp.net,Checkbox,我有一个复选框,我需要在选中时获取复选框的值。在JavaScript或jquery中。我已将我的ASPX代码放在下面。这应该在IE中起作用,而我正在尝试,它显示的是“打开”的响应,而不是值 ASPX代码: <asp:TemplateField> <HeaderTemplate> <asp:CheckBox ID="CHK_STY_ALL" runat="server"
<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>
函数Selectallcheckbox(val){
如果(!$(this).is(':checked')){
$('input:checkbox').prop('checked',val.checked);
}否则{
$(“#chkroot”).removeAttr('checked');
}
}
函数选择所有颜色样式(e、val){
var IDValue=$(e).attr('id');
var StyleNumber=document.getElementById(IDValue).value;
警报(样式编号);
}
将值显示为“开”,而不是复选框旁边显示的原始值。ASP.Net复选框显示为输入和标签
<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>
100005
因此,您需要选择同级标签的文本
<script type="text/javascript">
function SelectallColorsForStyle(e, val) {
var label = $(e).siblings("label");
alert(label.text());
}
</script>
函数选择所有颜色样式(e、val){
变量标签=$(e).同级(“标签”);
警报(label.text());
}
我不知道asp的实现,但是这个脚本适合您
<input type="checkbox" id="check-demo" value="some value" onchange="Selectallcheckbox(this)"/>
<script>
function Selectallcheckbox(element){
alert(element.value);
}
</script>
$("#check-demo").click(function(){
if($(this).is(":checked")) {
alert($(this).val());
}
});