使用Css/Jquery檢查/取消選中aspx複選框

-2

我是ASPX的新手GridView。我有一列複選框。使用Css/Jquery檢查/取消選中aspx複選框

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

但是，當我點擊t他在上面的複選框中，它在第一次點擊時仍然被檢查（應該在第一次點擊時取消選中）並在第二次點擊時取消選中。

如何應用CSS使複選框正常工作？

請幫忙！

編輯上述代碼是由於以下代碼在ASPX頁面呈現。

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

來源

2016-02-19 Coding man

該複選框？我在標記中看不到一個。 – Jai

@Jai請檢查我的編輯。 –

我想你已經發布了錯誤的標記，也可以是這是一個錯字，因爲貼在具有type="text"，它不是一個複選框。
我猜你應該使用.toggleClass(cls1 cls2)：

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

來源

2016-02-19 07:58:16 Jai

下面的代碼爲我工作：

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

來源

2016-02-20 09:50:36

使用Css/Jquery檢查/取消選中aspx複選框

回答

相關問題