Передать значение чекбокс с пробелом

572
20 августа 2017, 07:10

Здравствуйте! проблема такая как передать значение чекбокса если это значение с пробелом :

пример мне нужно получить images word, а я получаю images Ниже пример кода 

$(document).ready(function() { 
    $("button#renameSubmit").bind("click", function show() { 
            var  pathUpload = $('input[type="checkbox"]:checked').val(); 
            alert(pathUpload); 
 
      }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
<input type="checkbox" id="pathUpload" name="pathUpload[]" value="images"> 
 
<span class="text-folder">images word</span> 
<br/> 
<button type="button" id="renameSubmit" value="1">отправить</button> 
</form>

Answer 1

У чекбокса есть аттрибут value, его вы и получаете.

Вариант 1: поменять аттрибут

$(document).ready(function() { 
    $("button#renameSubmit").bind("click", function show() { 
            var  pathUpload = $('input[type="checkbox"]:checked').val(); 
            alert(pathUpload); 
 
      }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
<input type="checkbox" id="pathUpload" name="pathUpload[]" value="images word"> 
 
<span class="text-folder">images word</span> 
<br/> 
<button type="button" id="renameSubmit" value="1">отправить</button> 
</form>

Вариант 2: доставать текст

$(document).ready(function() { 
    $("button#renameSubmit").bind("click", function show() { 
            var  pathUpload = $('input[type="checkbox"]:checked').next('span').text(); 
            alert(pathUpload); 
 
      }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
<input type="checkbox" id="pathUpload" name="pathUpload[]" value="images"> 
 
<span class="text-folder">images word</span> 
<br/> 
<button type="button" id="renameSubmit" value="1">отправить</button> 
</form>

Answer 2

Во-первых: надо вместо $().bind() использовать $().on().

У вас же jQ 2.1.1

А во-вторых: зачем вам в обработчике именованная функция?

 ... function show() ...

можно заменить просто на 

 ... function() ...

И в-третьих: 

var  pathUpload = $('input[type="checkbox"]:checked').val();

должно получить значение из атрибута value этого поля. Этот атрибут отсутствует. Можно получить содержимое элемента <span> таким образом: 

var  pathUpload = $('input[type="checkbox"]:checked').next().text();
READ ALSO
В каких случаях используется new FormData() при отправке данных с формы?
javascript

В каких случаях используется new FormData() при отправке данных с формы?

В каких случаях используется FormData ( const formData = new FormData();) при отправке данных с формы POST запросомможно просто же отправить в body данные с формы

 218
Как сократить код не изменяя сути?
javascript

Как сократить код не изменяя сути?

Есть код:

 304
Калькулятор с условиями для сайта
javascript

Калькулятор с условиями для сайта

ЗдравствуйтеПомогите, пожалуйста, реализовать условия вывода результата на сайте при вводе чисел

 223
Google maps позиция
javascript

Google maps позиция

Подскажите , как реализовывается такая вещь: Есть блок, где выбирается город, к примеру Москва и Лондон И мне нужно 1) указать в каждом городе...

 198