Получить текст из тега ввода на основе значений, используя jquery

Question

У меня есть флажки ввода в элементах списка, и мне нужно получить выбранный текст флажка. Ниже приведен мой код html, и я установил флажок без флажка с флажком

<li tabindex="-1" role="option" unselectable="on" class="k-item">//unchecked check box
     <input type="checkbox" name="Type" onclick="Check(event);" class="cbComp" value="40532"> Unselected check box
</li> 

 <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" id="ddlActTypeCompletedKD_option_selected" aria-selected="true">  //checked chekbox
     <input type="checkbox" name="cbCareActType" onclick="onCareActCompletedCheck(event);" 
     class="cbCareActTypeComp" value="40549">Checked checkbox1
 </li>
 <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" id="ddlActTypeCompletedKD_option_selected" aria-selected="true">  //checked chekbox
     <input type="checkbox" name="cbCareActType" onclick="onCareActCompletedCheck(event);" 
     class="cbCareActTypeComp" value="50890">Checked checkbox2
 </li>

Используя код ниже Я получаю все отмеченные флажки значения через запятую, но мне нужно принести текст.

Как я могу это сделать?

Text = $('#Addhdn').val(); // Я получаю значения как 40549,50890, поскольку оба проверяются с использованием этих значений, но когда я присваиваю текстовой переменной, идентификаторы собираются вместо этого мне нужно отправить текст $ ("# ddl"). find ('. k-input'). html (Text); // здесь мне нужно привязать текст вместо идентификаторов

<input type="text" id="AddActTypeCompletedhdn" style="display: none;" value='' />

Входными данными будут значения в скрытом поле Example -40549,50890 Выходными данными должен быть текст этих значений, которые будут отображаться в виде разделенных запятыми в выпадающем меню Ожидаемый вывод - Checked checkbox1,Checked checkbox2

проверил два флажка , но всегда связывал только один, вместо этого он должен связывать все отмеченные элементы как разделенные запятыми

Answer 1

(Html.Kendo().DropDownList() .Name("ddlActTypeCompletedKD").AutoBind(false) .HtmlAttributes(new { style = "width: 228px!important;", id = "ddlActTypeCompletedKD" }) .Template("<input type='checkbox' name='cbCareActType' onClick='onCareActCompletedCheck(event);' class='cbCareActTypeComp' value='#:data.Id#' /><label for='ddlActTypeCompletedKD'> #:data.Name#</label>"))

Измените свой верхний код правильно html вот так и добавьте метку

<input type="checkbox" name="cbCareActType" onclick="onCareActCompletedCheck(event);" 
     class="cbCareActTypeComp" value="40549">
<label for="cbCareActType">Checked checkbox1</label>

и используйте ее, чтобы получить значение метки

$("label[for='cbCareActType']").text()