0

Всем привет, такой вопрос. Есть два инпута. Можно ли как-нибудь сделать так, чтобы не меняя js (попросили не трогать js), а манипулируя только html менять параметр true/false?

html

<p><input type="radio" value="true" name="splitDates">Отдельно</p>
<p><input type="radio" value="false" name="splitDates">Вместе</p>

Javascript

var params = {
    splitDates: false
}
4
  • что значит манипулируя только html менять параметр true/false??
    – Grundy
    27 апр 2017 в 7:16
  • динамически - нет 27 апр 2017 в 7:17
  • HTML - не язык программирования.
    – MihailPw
    27 апр 2017 в 7:18
  • В HTML нет ни функций ни переменных, ничего. Только разметка страницы. Так что без JS тут никак.
    – Eugen Eray
    27 апр 2017 в 7:28

3 ответа 3

1

Если понимать ваше задание буквально, то есть не трогать JavaScript код, который написан на странице, а обойтись манипуляциями только HTML, то могу предложить один обходной способ.

  1. Создаем файл нашего будущего скрипта, меняющего значение инпута, для работы на требуемой страницей myscript.js

  2. Пишем необходимый код в созданный файл myscript.js, к примеру такой:

    document.addEventListener('DOMContentLoaded', function(){
        var ch = document.getElementsByName("splitDates");
        for(var index = 0; index < ch.length; index++){
            if(ch[index].checked){
                ch[index].checked = false;
            }else{
                ch[index].checked = true;
            }
        }
    });
    

    Про getElementsByName и DOMContentLoaded можно почитать тут:

  3. Подключаем файл на странице, при этом немного поменяем разметку, добавив

    <script src="/myscript.js"></script>
    

Что получается в результате? JavaScript-код, написанный ранее - не трогали. Манипулировали на странице только HTML, добавили новый файл. Думаю мысль и приведенный пример достаточно ясны.


Либо, просто, взять блок кода, содержащий инпуты:

<p><input type="radio" value="true" name="splitDates">Отдельно</p>
<p><input type="radio" value="false" name="splitDates">Вместе</p>

заменить руками на следующий:

<p><input type="radio" value="false" name="splitDates">Отдельно</p>
<p><input type="radio" value="true" name="splitDates">Вместе</p>

Просто изменить значение value у тэга input на противоположное.

0

Вы можете не трогать имеющиеся скрипты. Просто допишите новые которые будут управлять этими значениями. На html такого сделать динамически нельзя.

0

Так нельзя. Вот вариант на jQuery. Если надо могу на чистом JS дописать.

var params = {
    splitDates: false,
    joinDates: true
}

$("input[type=radio]").click(function(){
  $("input[type=radio]").each(function(){
 $("input[type=radio]").val(params.splitDates);
  });
  $(this).val(params.joinDates);
  $("#output").val($(this).parent("p").text() + " = " + $(this).val() + " ; " + $("input[type=radio]").not($(this)).parent().text() + " = " + $("input[type=radio]").not($(this)).val());
});
input[type=text] {width: 300px;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<p><input type="radio" value="true" name="splitDates">Отдельно</p>
<p><input type="radio" value="false" name="splitDates">Вместе</p>

<input type="text" id="output" contenteditable="false" value=""/>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.