如何在复选框后添加文本

时间:2016-03-09 10:30:30

标签: javascript jquery

我有以下html:

<td><label class="checkbox-inline"><input type="checkbox" class="chkRootCauseSummary" /> </label></td>

如何在不丢失复选框的情况下将文字插入标签?

我尝过以下内容,但我丢失了复选框:

 $('.chkRootCauseSummary').click(function () {
    var num = $(this).closest('table').find('input[type=checkbox]:checked').length;
    $(this).closest('label').append().html(num);
});

4 个答案:

答案 0 :(得分:1)

有一种更清洁的方法可以做到这一点。简单地说,在创建' Add this local variable to your form Private OracleQD As QueryDef ' Do the following in the Load event of your form : Set OracleQD = CurrentDb.QueryDefs("Your_Previously_Created_Query_name") OracleQD.Connect = "ODBC;DSN=your_ODBC_entry_name;UID=your_Oracle_User;Pwd=Your_Oracle_Password" OracleQD.ODBCTimeout = 600 ' Set to anything you want ' Do this everytime you want to retrieve data from Oracle OracleQD.SQL = "SELECT * FROM whatever_table_you_want" Set Form_Your_form_name.Recordset = OracleQD.OpenRecordset(dbOpenSnapshot) 时添加值属性(或具有任何名称的属性)

checkbox

并使用CSS选择器<input type="checkbox" class="chkRootCauseSummary" value="Some Value" /> ,如

:after

答案 1 :(得分:0)

试试这个

com.fasterxml

答案 2 :(得分:0)

您要找的是prepend,因为它需要在.checkbox-inline内和.chkRootCauseSummary之外添加

替换

 $(this).closest('label').append().html(num);

 $(this).closest('label').prepend(num);

答案 3 :(得分:0)

$('.chkRootCauseSummary').click(function () {
    var num = $(this).closest('table').find('input[type=checkbox]:checked').length;
    $(this).closest('label').after().html(num);
});