Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
просто джава скрипт:
    <fieldset>
        <legend>Значок веб-страницы</legend>
        <input name="icon" type="radio" value="no_icon" checked> Не устанавливать
        <input name="icon" type="radio" value="yes_icon"> Установить
    </fieldset>
    <div style="height: 0px"></div>
   
    <fieldset>
        <legend>Заголовок веб-страницы</legend>
        <input name="title" type="radio" value="no_title" checked> Не устанавливать
        <input name="title" type="radio" value="yes_title"> Установить
    </fieldset>
    <script>
        const delay = ms => new Promise(resolve => { setTimeout(resolve, ms); });
 
        for (let radio of document.querySelectorAll("fieldset [type='radio']"))
            radio.onchange = radio_change;
 
        async function radio_change() {
            await delay(0);
            alert(this.value);
        }
    </script>

на вью:
<div id="radio1" class="radio1">
    <template v-for="(val, id) in values">
        <input type="radio" :id="id" v-model="selectedValue" :value="val.value">
        <label :for="id">{{val.name}}</label><br>
    </template>    
    <p v-if="selectedValue!==null">{{selectedValue}}={{name}}</p>
<script>var radio1 = new Vue({el: '#radio1',
        data: {values:[{name:'Не устанавливать', value: 1}, {name:'Устанавливать', value: 2}], selectedValue: 1}});</script>
</div>
<div id="radio2" class="radio2">
    <template v-for="(val, id) in values">
        <input type="radio" :id="id" v-model="selectedValue" :value="val.value">
        <label :for="id">{{val.name}}</label><br>
    </template>    
    <p v-if="selectedValue!==null">{{selectedValue}}={{name}}</p>
<script>var radio2 = new Vue({el: '#radio2',
        data: {values:[{name:'Не устанавливать2', value: 1}, {name:'Устанавливать2', value: 2}], selectedValue: 1}});</script>
</div>

профит не очень.........
можно на вью укоротить?
подскажите в двух случаях после знака = как добиться имя выбранной опции? спасибо

Сообщение было отредактировано: 16 ноя 21, 21:33
16 ноя 21, 21:33    [22396705]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
бабушкин зайчик
Member

Откуда: сетевой
Сообщений: 477
катастрофа
можно на вью укоротить?

в другом фреймворке, например
катастрофа
подскажите в двух случаях после знака = как добиться имя выбранной опции?

што?
16 ноя 21, 22:27    [22396717]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
профит не очень.........
можно на вью укоротить?

Дело было не в бабине... (с)
Т.е. "вью" тут не при чем. Это именно ты не умеешь составлять алгоритмы.
Именно ты делаешь обычный копипаст. Хотя есть правильная организация данных и циклы.

При таком копипасте тебе не поможет никакая библиотека и никакой фреймворк. Да вообще никакое другое модное слово не поможет.
16 ноя 21, 23:13    [22396735]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
<div id="radio11">
    <input type="radio" value="Tom11" v-model="user"><label>Tom11</label><br>
    <input type="radio" value="Bob11" v-model="user"><label>Bob11</label><br>
    <span>Выбрано: {{ user }}</span>
<script>var radio11 = new Vue({el: '#radio11', data: {user:''}});</script>
</div>

подскажите как установить выбранной кнопку по умолчанию? спасибо
17 ноя 21, 10:12    [22396823]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
подскажите как установить выбранной кнопку по умолчанию? спасибо

Я с "вью" не работаю...
Но что-то мне подсказывает что нужно тут
data: {user:''}

указать одно из значений value инпутов...
17 ноя 21, 10:24    [22396826]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa,
нет, ставим user:'11'
результат
о Tom11
о Bob11
Выбрано: 11
о это радиокнопка))
17 ноя 21, 10:29    [22396830]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
Alexander A. Sak
Member

Откуда: Омск
Сообщений: 1228
'11' -- не есть "одно из значений value инпутов"
17 ноя 21, 11:46    [22396879]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
никто и не спорит))
катастрофа
<div id="radio11">
    <input type="radio" value="Tom11" v-model="user"><label>Tom11</label><br>
    <input type="radio" value="Bob11" v-model="user"><label>Bob11</label><br>
    <span>Выбрано: {{ user }}</span>
<script>var radio11 = new Vue({el: '#radio11', data: {user:''}});</script>
</div>

подскажите как установить выбранной кнопку по умолчанию? спасибо
17 ноя 21, 11:48    [22396882]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
оказывается магия в var и const))
<script>var radio11 = new Vue({el: "#radio11", data: {user:""}});</script>
<script>const radio11 = new Vue({ el: "#radio11", data: { user: "Bob11" } });</script>

1 строка не поставит радиокнопку, 2-я поставит
17 ноя 21, 11:57    [22396890]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
нет магия в var и const отменяется, оказывается, где то когда пробовал ранее ошибался, финиш:
<div id="radio11">
    <input type="radio" value="Tom11" v-model="user"><label>Tom11</label><br>
    <input type="radio" value="Bob11" v-model="user"><label>Bob11</label><br>
    <span>Выбрано: {{ user }}</span>
    <script>const radio11 = new Vue({el: "#radio11", data: {user: "Bob11"}});</script><!--установит выбранной радиокнопку-->
</div>

<div id="radio22">
    <input type="radio" value="Tom22" v-model="user"><label>Tom22</label><br>
    <input type="radio" value="Bob22" v-model="user"><label>Bob22</label><br>
    <span>Выбрано: {{ user }}</span>
<script>const radio22 = new Vue({el: "#radio22", data: {user: ""}});</script><!--НЕ установит выбранной радиокнопку-->
</div>
17 ноя 21, 12:21    [22396909]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
<script>const radio11 = new Vue({el: "#radio11", data: {user: "Bob11"}});</script><!--установит выбранной радиокнопку-->

Ч.Т.Д.
17 ноя 21, 13:49    [22396976]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa
катастрофа
<script>const radio11 = new Vue({el: "#radio11", data: {user: "Bob11"}});</script><!--установит выбранной радиокнопку-->

Ч.Т.Д.

так надо было после сообщения в 10:29 отстаивать свою точку зрения
17 ноя 21, 14:14    [22396993]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, зачем мне ее отстаивать?
У нас тут диспут челе?

Тем более тебе и там камрад написал сразу
Alexander A. Sak
'11' -- не есть "одно из значений value инпутов"
17 ноя 21, 16:39    [22397095]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
а что камрад или кто другой скажет, если двинуться дальше
как будет выглядеть обработчик радиокнопок
if {{ user }} = "Не устанавливать"
или как-то по другому? как?
17 ноя 21, 21:36    [22397212]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
как будет выглядеть обработчик радиокнопок
if {{ user }} = "Не устанавливать"
или как-то по другому? как?

Я вообще не понял вопроса...

Зачем ты вообще выбрал "вью", если совсем его не понимаешь?
17 ноя 21, 22:39    [22397222]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
бабушкин зайчик
Member

Откуда: сетевой
Сообщений: 477
катастрофа
как?

checked
но это надо проверять через JS тогда
либо при приёмке формы

Сообщение было отредактировано: 18 ноя 21, 01:37
18 ноя 21, 01:36    [22397254]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
бабушкин зайчик

но это надо проверять через JS

//скрипт JavaScript - НЕ Vue!! 
	for (let radio of document.getElementsByName("header")) radio.onchange = radio_change;
    function radio_change() {alert(this.value);}

как спросить если? то alert
??
18 ноя 21, 10:55    [22397331]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, почитай таки книжечку по "вью"... Там все есть для отслеживания изменений в полях...
https://ru.stackoverflow.com/questions/1137480/Следить-за-изменениям-поле
18 ноя 21, 11:40    [22397364]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, вот такую книжечку почитай - многие вопросы, особенно такие букварские, отпадут.

Картинка с другого сайта.
18 ноя 21, 11:44    [22397367]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, вот тебе даже ссылка для скачивания...
18 ноя 21, 11:54    [22397376]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
voraa
Member

Откуда:
Сообщений: 299
катастрофа

как спросить если? то alert
??

Если что?
А обычно в js пишется if (что то ) alert(...);
18 ноя 21, 12:04    [22397385]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
voraa,
если из:
//скрипт JavaScript - НЕ Vue!! 
	for (let radio of document.getElementsByName("header")) radio.onchange = radio_change;
    function radio_change() {alert(this.value);}

будет
//скрипт JavaScript - НЕ Vue!! 
	for (let radio of document.getElementsByName("header")) radio.onchange = radio_change;
    function radio_change() if this.value="Не устанавливать" {alert(this.value);}

так, или как?
18 ноя 21, 12:10    [22397392]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
function radio_change() {
  if (this.value === "Не устанавливать") {
      alert(this.value);
  }
}


только ещё надо тебе разобраться с this
18 ноя 21, 12:43    [22397421]     Ответить | Цитировать Сообщить модератору
 Re: Радиокнопки в джава скрипт и вью  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One, спасибо работает
я увидел === и воспоминания такие......
18 ноя 21, 12:55    [22397427]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить