Question

我是ASPX GridView 的新手。我有一列复选框。

我需要使用 Css / Jquery

检查/取消选中

复选框的HTML代码如下：

<span class="dxICheckBox dxWeb_edtCheckBoxChecked" id="cbUploadXYZ_7_S_D">
  <span class="dxKBSW">
    <input id="cbUploadXYZ_7_S" name="ctl00$cphSiteBody$ctrlABCList$gvABCList$cell7_0$TC$cbUploadXYZ_7" value="I" type="text" readonly="readonly" style="opacity:0;width:1px;height:1px;position:relative;background-color:transparent;display:block;margin:0;padding:0;border-width:0;font-size:0pt;">
  </span>
</span>

我正在使用代码JQuery检查复选框：

$($('#cbUploadUBS_7').find('span')[0]).removeClass("dxWeb_edtCheckBoxUnchecked").addClass("dxWeb_edtCheckBoxChecked");

但是，当我点击上面的复选框时，它会在第一次点击时保持选中状态（应该在第一次点击时取消选中），并在第二次点击时取消选中。

如何应用CSS以便复选框正常工作？

请帮忙！

修改由于ASPX页面中的以下代码，呈现上面的代码。

<DataItemTemplate>
  <div style="text-align: center">
      <dx:ASPxCheckBox OnInit="abcListCheckBox_Init" runat="server" ClientIDMode="Static">
          <ClientSideEvents CheckedChanged="SetCount" />
      </dx:ASPxCheckBox>
  </div>

Answer 1

我认为您发布了错误的标记，或者这可能是拼写错误，因为发布的内容有type="text"而且它不是复选框。
我想你应该使用.toggleClass(cls1 cls2)：

$('#cbUploadUBS_7')
  .children('span') // change to children
  .toggleClass("dxWeb_edtCheckBoxUnchecked dxWeb_edtCheckBoxChecked");

Answer 2

以下代码为我工作：

var id = "cbUploadUBS_7";
var chkBoxControl = aspxGetControlCollection().Get(id);
chkBoxControl.SetCheckState('Checked');
$($('#' + id).find('span'[0]).removeClass("dxWeb_edtCheckBoxUnchecked").addClass("dxWeb_edtCheckBoxChecked");

使用Css / Jquery

2 个答案: