使用Css/Jquery选中/取消选中aspx复选框

我不熟悉ASPXGridView。我有一列复选框

我需要使用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>

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

如何应用CSS使复选框正常工作

请帮忙

编辑 上面的代码是由于ASPX页面中的以下代码而呈现的

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

---

我认为您发布了一个错误的标记，或者可能是因为这是一个打字错误，因为发布的内容有

type=“text”

，并且不是复选框。
我想您应该使用

.toggleClass（cls1-cls2）

：

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

---

以下代码适用于我：

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

---

哪个复选框？我在标记中没有看到任何标记。@Jai请检查我的编辑。

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