Во-первых, я действительно не понимаю, почему вы используете радиокнопки и для ввода текста. По моему мнению, просто переключите вводимый текст на метки, или, если вы хотите, чтобы пользователь набрал ответ, просто дайте ему 1 входной текст.
При этом, сохраняя созданный вами дизайн:
HTML:
Javascript:
$("#sub").on('click',function(){
let eachone=[];
eachone[0]=$("#option_1").val();
eachone[1]=$("#option_2").val();
eachone[2]=$("#option_3").val();
eachone[3]=$("#option_4").val();
$("#output1").html(eachone[0]+" - "+$("#option_text").prop("checked"))
$("#output2").html(eachone[1]+" - "+$("#option_text2").prop("checked"))
$("#output3").html(eachone[2]+" - "+$("#option_text3").prop("checked"))
$("#output4").html(eachone[3]+" - "+$("#option_text4").prop("checked"))
})
Если вы хотите что-то изменить, или тест для вашего точного теста, вот скрипка Jfiddle . Заметьте, я использую jQuery, просто для простоты кода вы можете изменить большинство ссылок jquery на document.getElementById
Редактировать: Обновлена скрипта с флажками: JFiddle [114 ]
Edit2: Обновлена скрипта с флажками с одним параметром: Jfiddle2
Предупреждение: созданное событие может сломать некоторые другие флажки типа ввода Вы имеете в своем коде!
Попробуйте следующее:
добавьте в заголовок xamlfile
xmlns:System="clr-namespace:System;assembly=mscorlib"
Затем добавьте это в раздел ресурсов:
<System:Double x:Key="theMargin">2.35</System:Double>
Наконец, используйте толщину поля:
<Button Content="Next">
<Button.Margin>
<Thickness Top="{StaticResource theMargin}" Left="0" Right="0"
Bottom ="{StaticResource theMargin}" />
</Button.Margin>
</Button>
Многие системные типы могут быть определены таким образом: int, char, string, DateTime и т. Д.
Примечание: Вы правы ... Пришлось провести более тщательное тестирование ... изменил код, чтобы он работал
Почему бы вам не попробовать добавить значение как StaticResource
?
Resources.Add("theMargin", 10);
Тогда вы можете получить это значение следующим образом:
<Button Content="Previous"
Margin="{StaticResource theMargin},0,0,{StaticResource theMargin}"/>
<Button Content="Next"
Margin="0,0,{StaticResource theMargin},{StaticResource theMargin}"/>