Возникли проблемы с кавычками в представлении бритвы

Question

У меня есть $("input[name='bibble'").val(0);

Я хочу, чтобы положить его в метод OnClick от входа. Однако столкновения с кавычками:

<span onclick="$("input[name='bibble'").val(0);">...</span> 

Я попытался избежать двойных кавычек внутри метода OnClick с обратным косой чертой и "" но бритва жалуется как. Есть ли простое решение?

Answer 1

<span onclick="$('input[name=bibble]').val(0);">...</span>

имя атрибута в селекторе не должно быть заключено в кавычки

Answer 2

Даже если вы можете сделать это, как вы хотите, это выглядит немного нечитаемым. Я бы, наверное, сделать что-то немного другое:

<span onclick="setVal("bibble", 0);">...</span> 

и функция ЯШ:

function setVal(inputName, val) { 
    $("input[name="+inputName+"]).val(val); 
} 

Answer 3

У вас есть несколько проблем с разметкой.

1. Несовместимость ] в конце вашего input[name=]
2. имени входного не need quotes.
3. Вам нужно переключиться на одинарные кавычки внутри двойных кавычек для onclick="", чтобы у вас не было несогласованных котировок в свойстве onclick.

Нажмите Run фрагмент кода ниже, чтобы увидеть его в действии (нажмите на 'Click Me' пролете)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="textbox" name="bibble" id="test"/><br/> 
 
<span onclick="$('input[name=bibble]').val(0)">Click me</span>