Try doing this:$('.js-radio-label').on('click', function() { var name_input = $(this).find('.js-radio-input').attr('name'); $('.js-radio-input[name="' + name_input + '"]').each(function() { $(this).parents('.js-radio-label').removeClass('radio-label--active'); }); $(this).addClass('radio-label--active'); });.radio-label { display: inline-block; vertical-align: center; } .radio-input { display: none; } .radio-input-block { border: 1px solid #dddddd; width: 25px; height: 25px; display: inline-block; vertical-align: center; } .radio-label.radio-label--active .radio-input-block { background: red; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <span>radio1: </span> <label class="radio-label radio-label--active js-radio-label"> <input name="radio1" class="radio-input js-radio-input" type="radio" checked=checked> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio1" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio1" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> </div> <div> <span>radio2: </span> <label class="radio-label radio-label--active js-radio-label"> <input name="radio2" class="radio-input js-radio-input" type="radio" checked=checked> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio2" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio2" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio2" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> </div> <div> <span>radio3: </span> <label class="radio-label radio-label--active js-radio-label"> <input name="radio3" class="radio-input js-radio-input" type="radio" checked=checked> <div class="radio-input-block"></div> </label> <label class="radio-label js-radio-label"> <input name="radio3" class="radio-input js-radio-input" type="radio"> <div class="radio-input-block"></div> </label> </div>

let rb = document.querySelectorAll('input'); let div = document.querySelectorAll('div'); function deleteClass() { for (let b of div) { b.classList.remove('open'); } } rb.forEach((element, index) => { element.addEventListener('change', () => { deleteClass(); div[index].classList.add('open') }) });div { display: none; } div.open { display: block; }<div>div1</div> <div>div2</div> <div>div3</div> <div>div4</div> <input name="rb" type="radio" /> <input name="rb" type="radio" /> <input name="rb" type="radio" /> <input name="rb" type="radio" />

Turns out it's only very fast and you don't see how the numbers change. The mistake is that the cycle while n1 <= n2: He runs right through it all with a one-time push on the button. Do it, for example.txt = "" while n1 <= n2: centr = (n1+n2) // 2 txt = txt + " " + str(centr) bin_text.set(f"Ваше число {txt} ?") And you'll see that the cycle works and searches.You need only one step on every button.

In the spark of English https://stackoverflow.com/ I found an interesting solution. I adapted to my needs. Maybe someone's gonna need it or "do it" for the best.class MyRadioButtons(RadioButtons):def __init__(self, ax, labels, active=0, activecolor='blue', size=80, orientation="vertical", **kwargs): AxesWidget.__init__(self, ax) self.activecolor = activecolor axcolor = ax.get_facecolor() self.value_selected = None ax.set_xticks([]) ax.set_yticks([]) ax.set_navigate(False) circles = [] for i, label in enumerate(labels): if i == active: self.value_selected = label facecolor = activecolor else: facecolor = axcolor p = ax.scatter([],[], s=size, marker="o", edgecolor='black', facecolor=facecolor) circles.append(p) if orientation == "horizontal": kwargs.update(ncol=len(labels), mode="expand") kwargs.setdefault("frameon", False) self.box = ax.legend(circles, labels, **kwargs) self.labels = self.box.texts self.circles = self.box.legendHandles for c in self.circles: c.set_picker(5) self.cnt = 0 self.observers = {} self.connect_event('pick_event', self._clicked) def _clicked(self, event): if (self.ignore(event) or event.mouseevent.button != 1 or event.mouseevent.inaxes != self.ax): return if event.artist in self.circles: self.set_active(self.circles.index(event.artist)) In the meantime, I have:

Try this:import matplotlib.pyplot as plt from matplotlib.widgets import RadioButtons x = [80, 85, 90, 95, 100, 105] s0 = [30, 22.5, 15, 7.5, 0, -7.5] s1 = [0, 21.5, 4, 6.5, -1, -8.5] s2 = [1, 23.5, 16, 8.5, 1, 6.5] fig, ax = plt.subplots(2) # +++ 2 plt.subplots_adjust(left=0.3) rax = plt.axes([0.05, 0.7, 0.15, 0.15], facecolor='yellow') radio = RadioButtons(rax, ('1-я', '2-я', '3-я')) def hzfunc(label): ax[1].clear() if label == "2-я": ax[1].plot(x, s1, lw=2, color='blue') ax[1].set_title("2-я") elif label == "3-я": ax[1].plot(x, s2, lw=2, color='green') ax[1].set_title("3-я") elif label == "1-я": ax[1].axis('off') plt.draw() radio.on_clicked(hzfunc) ax[0].plot(x, s0, lw=2, color='red') ax[0].set_title("1-я") ax[1].axis('off') plt.show()

from tkinter import* def change_color(): root=Toplevel() root.geometry('600x400') root.title('Измените цвет окна') var=IntVar() var.set(1) rad0 = Radiobutton(root,text="Красный", variable=var,value=0, command = red).grid(row=1, column=1) rad1 = Radiobutton(root,text="Синий", variable=var,value=1, command = blue).grid(row=2, column=1) rad2 = Radiobutton(root,text="Зелёный", variable=var,value=2, command = green).grid(row=3, column=1) lab_color=Label(root, text='Добавьте HEX код цвета: ', font='Times 24') lab_color.grid(row=1, column=3) color=Entry(root, width=50, bd=3) color.grid(row=2, column=3) def red(): root['background']= '#F00' def blue(): root['background'] = '#002AFF' def green(): root['background'] = '#55DE00' root=Tk() root.title('Enter a color') root.geometry('600x400') root['background']= None #Вот здесь должен применить один из цветов вышеуказанного функция menubar=Menu(root) filemenu=Menu(menubar, tearoff=0) filemenu.add_command(label='Измените цвет окна', command=change_color) menubar.add_cascade(label="Файл", menu=filemenu) root.config(menu=menubar) root.mainloop()

The problem was in the project files, the problem was solved by reconstructing the project.

class FuShow //у вас должен быть подобный класс, только с большим числом полей { public DateTime DatetimeFuShow; public int GrowthFuModel; public int WeightFuModel; } //List<FuShow> listFuShow = new List<FuShow>(); //как и этот список, который вы биндите // Predicate<int> zrist_selected; Predicate<int> vaga_selected; Predicate<DateTime> data_selected; // bool do_170(int val) => val < 170; bool mizh_170_ta_180(int val) => val >= 170 && val < 180; bool mizh_180_ta_190(int val) => val >= 180 && val < 190; bool bilshe_190(int val) => val >= 190; // bool do_40(int val) => val < 40; bool mizh_40_ta_50(int val) => val >= 40 && val < 50; bool mizh_50_ta_60(int val) => val >= 50 && val < 60; bool bilshe_60(int val) => val >= 60; // bool week(DateTime dt) => ((dt.DayOfYear - 1) / 7 + 1 == (DateTime.Now.DayOfYear - 1) / 7 + 1); bool month(DateTime dt) => dt.Month == DateTime.Now.Month; bool year(DateTime dt) => dt.Year == DateTime.Now.Year; // private void btn_findFuDate_Click(object sender, EventArgs e) { if (rb_Week.Checked) data_selected = week; else if (rb_Month.Checked) data_selected = month; else if (rb_Year.Checked) data_selected = year; else data_selected = null; Update(); } private void btn_findFuGrowth_Click(object sender, EventArgs e) { if (rb_170.Checked) zrist_selected = do_170; else if (rb_170_180.Checked) zrist_selected = mizh_170_ta_180; else if (rb_180_190.Checked) zrist_selected = mizh_180_ta_190; else if (rb_190.Checked) zrist_selected = bilshe_190; else zrist_selected = null; Update(); } private void btn_findWeight_Click(object sender, EventArgs e) { if (rb_40.Checked) vaga_selected = do_40; else if (rb_40_50.Checked) vaga_selected = mizh_40_ta_50; else if (rb_50_60.Checked) vaga_selected = mizh_50_ta_60; else if (rb_60.Checked) vaga_selected = bilshe_60; else vaga_selected = null; Update(); } void Update() { for (int i = 0; i < dgwFutureShows.Rows.Count; i++) { var row = dgwFutureShows.Rows[i]; FuShow item = row.DataBoundItem as FuShow; if (item == null) row.Visible = true; //если else { row.Visible = //отображать если (data_selected?.Invoke(item.DatetimeFuShow) ?? true) && //если выставлен предикат и условия подходят, если предикат не выставлен - не фильтруется (zrist_selected?.Invoke(item.GrowthFuModel) ?? true) && //.. (vaga_selected?.Invoke(item.WeightFuModel) ?? true); //.. } } }

They must be hidden under the image.Why? Just make the radio buttons invisible.document.querySelectorAll('label > input[name=energy]').forEach(i => i.style.display = 'none');<label> <input type="radio" name="energy" id="e" onclick="console.log(this.id)"/> <img src=".png" class="pic"/> </label> <label> <input type="radio" name="energy" id="i" onclick="console.log(this.id)"> <img src=".png" class="pic"/> </label>

Remove the list of all the radio, give disabled="true" Whatever. name does not coincide with the chosen:let radio = document.querySelectorAll('.js-radio'); // Если нельзя добавить класс, ...All('[name="A"], [name="B"], [name="C"]'); for (let i = 0; i < radio.length; i++) { radio[i].addEventListener('change', disable_others); } function disable_others() { for (let i = 0; i < radio.length; i++) { radio[i].disabled = radio[i].name != this.name; } console.log('Выбрано:', this.id); // А числовые id точно нужны? }<input class="js-radio" id="1" name="A" type="radio" /> <input class="js-radio" id="2" name="A" type="radio" /> <input class="js-radio" id="3" name="B" type="radio" /> <input class="js-radio" id="4" name="B" type="radio" /> <input class="js-radio" id="5" name="C" type="radio" /> <input class="js-radio" id="6" name="C" type="radio" />

.selection-modal__block { border: 2px solid #c9c9c9; border-radius: 10px; padding: 30px 30px; margin-bottom: 30px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: auto 1fr 1fr auto; grid-template-columns: auto 1fr 1fr auto; -ms-grid-rows: (auto)[3]; grid-template-rows: repeat(3, auto); gap: 20px; align-items: center; } .selection-modal__block .selection-modal__block-input { padding-top: 1px; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / 2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } .selection-modal__block .selection-modal__block-input input { -webkit-appearance: none; } .selection-modal__block .selection-modal__block-input input { position: relative; display: inline-block; width: 20px; height: 20px; /* Размеры */ background: #F5F5F5; border-radius: 50%; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); } .selection-modal__block .selection-modal__block-input input:checked { background: #000; } .selection-modal__block .selection-modal__block-input input:checked::before { content: ''; position: absolute; left: 6px; top: 6px; background: #fff; width: 8px; height: 8px; border-radius: 50%; }<form action="#"> <div class="selection-modal__block"> <label for="no reward" class="selection-modal__block-input"> <input type="radio" name="no reward" id="no-reward" checked> </label> <div class="selection-modal__block-title"> <h3> Pledge with no reward </h3> </div> <div class="selection-modal__block-subtitle"> <p> Choose to support us without a reward if you simply believe in our project. As a backer, you will be signed up to receive product updates via email. </p> </div> </div> <div class="selection-modal__block"> <div class="selection-modal__block-input"> <label for="no reward"> <input type="radio" name="no reward" id="no-reward"> </label> </div> <div class="selection-modal__block-title"> <h3> Pledge with no reward </h3> </div> <div class="selection-modal__block-subtitle"> <p> Choose to support us without a reward if you simply believe in our project. As a backer, you will be signed up to receive product updates via email. </p> </div> </div> </form>

Put "teacher" on the band, not every button.RadioGroup rg = findViewById( R.id.rg ); rg.setOnCheckedChangeListener( new RadioGroup.OnCheckedChangeListener(){ @Override public void onCheckedChanged( RadioGroup radioGroup, int id ){ RadioButton radioButton = radioGroup.findViewById(id); // делайте здесь, что вам нужно } });

Please always provide a minimum reproducible example.Use it. isChecked()to see if a particular button is chosen.from PyQt5 import QtCore, QtGui, QtWidgets class MainWindow(QtWidgets.QMainWindow): def init(self): super().init() central_widget = QtWidgets.QWidget() self.setCentralWidget(central_widget) self.listWidget = QtWidgets.QListWidget() self.listWidget.addItems(["Item 1", "Item 2", "Item 3", "Item 4", "Item 5",]); self.r_btn_woman_A = QtWidgets.QRadioButton("A") self.r_btn_woman_A.setChecked(True) self.r_btn_woman_B = QtWidgets.QRadioButton("B") self.btn_add_woman = QtWidgets.QPushButton("Добавить") self.btn_add_woman.clicked.connect(self.add_woman) self.r_btns_group_woman = QtWidgets.QButtonGroup() self.r_btns_group_woman.addButton(self.r_btn_woman_A) self.r_btns_group_woman.addButton(self.r_btn_woman_B) layout = QtWidgets.QGridLayout(central_widget) layout.addWidget(self.listWidget, 0, 0, 1, 3) layout.addWidget(self.r_btn_woman_A, 1, 0) layout.addWidget(self.r_btn_woman_B, 1, 1) layout.addWidget(self.btn_add_woman, 1, 2) def add_woman(self): if self.ui.self.ui.r_btn_woman_A.isEnabled(): if self.r_btn_woman_A.isChecked(): print("A") else: print("B") if name == "main": import sys app = QtWidgets.QApplication(sys.argv) w = MainWindow() w.show() sys.exit(app.exec_())

Cynthaxis to create a view:w = Radiobutton(master, option, ... )master - it's a parent window.options - a list of the most common parameters for this type. These parameters can be used as a pair of key value divided by commas.text - A mark displayed near the radioctopus.value - when the user includes a radiocnoplate for its control variable The current parameter shall be fixed. If the variable control is IntVar, assign each switch different versions of the group. If the variable control is StringVar, I want you to take every radioctopus with another string point.variable: Reference to the variable, typically intVar, which stores the condition of the switch...import tkinter as tk import tkinter.messagebox class MyGUI: def init(self): self.main_window = tk.Tk() self.frame1 = tk.Frame(self.main_window) self.frame2 = tk.Frame(self.main_window) self.frame3 = tk.Frame(self.main_window) self.radio_var = tk.IntVar() self.radio_var.set(1) self.v1 = tk.Radiobutton(self.frame1, text = 'Daytime', command = self.radio_var, variable = self.radio_var, value = 1) self.v2 = tk.Radiobutton(self.frame1, text = 'Evening', command = self.radio_var, variable = self.radio_var, value = 2) self.v3 = tk.Radiobutton(self.frame1, text = 'Nighttime', command = self.radio_var, variable = self.radio_var, value = 3) self.v1.pack() self.v2.pack() self.v3.pack() self.label1 = tk.Label(self.frame2, text = 'Quantity minuts: ') self.entry0 = tk.Entry(self.frame2, width = 8) self.label1.pack(side = 'left') self.entry0.pack(side = 'left') self.button1 = tk.Button(self.frame3, text = 'Show cost', command = self.show_cost) self.button2 = tk.Button(self.frame3, text = 'Quit', command = self.main_window.destroy) self.button1.pack(side = 'left') self.button2.pack(side = 'left') self.frame1.pack() self.frame2.pack() self.frame3.pack() tk.mainloop() def show_cost(self): minutes = int(self.entry0.get()) amount = 0 if self.radio_var.get() == 1: amount = minutes * 1.4 elif self.radio_var.get() == 2: amount = minutes * 1.8 elif self.radio_var.get() == 3: amount = minutes * 1.1 tkinter.messagebox.showinfo('Programm', 'Your expenses: ' + str(amount)) mygui = MyGUI()

Oh, that's the method. initialize()Not inizializate()♪ There is no such word in English.That's the code I've got.package sample; import javafx.fxml.FXML; import javafx.scene.control.RadioButton; import javafx.scene.control.ToggleGroup; public class Controller { @FXML private RadioButton R1; @FXML private RadioButton R2; @FXML private RadioButton R3; @FXML private RadioButton R4; @FXML void initialize() { ToggleGroup tg = new ToggleGroup(); R1.setToggleGroup(tg); R2.setToggleGroup(tg); R3.setToggleGroup(tg); R4.setToggleGroup(tg); } }

I don't work in a built-in python editor QGIS, but I can offer you the following:import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import Qt, QTimer, QTime from PyQt5.QtGui import QFont class Window(QWidget): def init(self, parent=None): # + super().init() super(Window, self).__init__(parent, Qt.Window) # + self.parent = parent # + self.country = None # + layout = QGridLayout() self.setLayout(layout) radiobutton = QRadioButton("Australia") radiobutton.setChecked(True) # - radiobutton.country = "Australia" radiobutton.toggled.connect(self.onClicked) layout.addWidget(radiobutton, 0, 0) radiobutton = QRadioButton("China") radiobutton.country = "China" radiobutton.toggled.connect(self.onClicked) layout.addWidget(radiobutton, 0, 1) radiobutton = QRadioButton("Japan") radiobutton.country = "Japan" radiobutton.toggled.connect(self.onClicked) layout.addWidget(radiobutton, 0, 2) def onClicked(self, v): radioButton = self.sender() if radioButton.isChecked(): print("Country is %s" % (radioButton.country)) self.country = f"Country is {radioButton.country}" # + def closeEvent(self, event): # + self.parent.timer.start() class MyWin(QMainWindow): def init(self): super().init() self.centralWidget = QWidget() self.setCentralWidget(self.centralWidget) self.label = QLabel(QTime.currentTime().toString()) self.button = QPushButton("Выбрать страну") self.button.clicked.connect(self.openWindow) mainLayout = QVBoxLayout(self.centralWidget) mainLayout.addWidget(self.label) mainLayout.addWidget(self.button) self.window = Window(self) self.timer = QTimer(self) self.timer.setInterval(1000) self.timer.timeout.connect(self.changeContent) self.timer.start() def openWindow(self): self.timer.stop() self.window.show() def changeContent(self): if self.window.country is None: self.timer.stop() else: self.label.setText(f"{QTime.currentTime().toString()}, {self.window.country}") if name == 'main': app = QApplication(sys.argv) app.setFont(QFont("Times", 12)) screen = MyWin() screen.resize(600, 400) screen.show() sys.exit(app.exec_())

<label> He clicks on the radio. And this click works earlier (changed value checked) than the other click processors added in the code. Add event.preventDefault(); - The radio will stop reporting, but inside the function. this.checked Still, it always shows true (I don't know, I guess the label starts with the radio, and when it comes to prevent Default, it concludes that it has to be checked. But during performance, he's still true.Therefore, the reversal can be delayed for the browser to complete all the processing and the real value can be checked.$(".price__calc-row input").on("click", function (e) { console.clear(); console.log(this.checked); // всегда true; e.preventDefault(); setTimeout( () => $(this).prop("checked", !this.checked).trigger("change") ); });label { display: block; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="price__calc-row"> <label><input type="radio" name="bubu"> test</label> <label><input type="radio" name="bubu"> test</label> <label><input type="radio" name="bubu"> test</label> </div>.trigger("change") We need to get the "change" processors to work, too if they are.P.s. The shooter has no own this, so this still refers to the current radio button. For older browsers, you have to rewrite:var _radio = this; setTimeout(function() { $(_radio).prop("checked", !_radio.checked).trigger("change"); });

//radioV = document.getElementsByName('variant_cvet'); //for (i = 0; i < radioV.length; i++) { // if (radioV[i].checked) // alert(radioV[i].value); // } //} let radioV = +document.querySelector('[name="variant_cvet"]:checked').value; function raschitat() { //radioV = document.getElementsByName('variant_cvet'); //for (i = 0; i < radioV.length; i++) { // if (radioV[i].checked) // alert(radioV[i].value); //} //} let radioV = +document.querySelector('[name="variant_cvet"]:checked').value; material = document.getElementById('material').value; switch (material) { case "sosna": cenaMaterial = 15000; break case "bereza": cenaMaterial = 16000; break case "dub": cenaMaterial = 17000; break case "buk": cenaMaterial = 18000; break case "yasen": cenaMaterial = 19000; break default: cenaMaterial = 15000; break } box = document.getElementById('box').value; switch (box) { case "1": cenaBox = 400; break case "2": cenaBox = 500; break case "3": cenaBox = 600; break case "4": cenaBox = 700; break case "5": cenaBox = 800; break case "6": cenaBox = 900; break default: cenaBox = 400; break } place = document.getElementById('place').value; switch (place) { case "1": cenaPlace = 1000; break case "2": cenaPlace = 2000; break default: cenaPlace = 1000; break } if (box == "") { alert("Вы не указали кол-во ящиков"); } else if (place == "") { alert("Вы не указали кол-во мест"); } else { size = document.getElementById('size').value; switch (size) { case "1": cenaSize = 300; break case "2": cenaSize = 600; break case "3": cenaSize = 700; break case "4": cenaSize = 900; break case "5": cenaSize = 1000; break default: cenaSize = 300; break } bortik = document.getElementById('bortik').value; switch (bortik) { case "no-bortik": cenaBortik = 0; break case "little bortik": cenaBortik = 250; break case "big bortik": cenaBortik = 260; break default: cenaBortik = 0; break } stoimost = (cenaMaterial) + (cenaBox) + (cenaPlace) + (cenaSize) + (cenaBortik) + (radioV); document.getElementById('stoimost').innerHTML = "Стоимость равна: " + stoimost + " р."; } }.cp_item { overflow: hidden; float: left; margin: 0 4px 0 0; } img.icon { width: 45px; height: 45px; margin-top: 7px; }<head> <title>Стандарт Юниор</title> </head> <body> <h3>Расчет стоимости кровати</h3> <p>Стандарт Юниор</p> <img src="C:\Users\Саша\Desktop\кровати калькулятор\КрСт Юн с быстросъем борт с ящ на кол прямох.jpg" width="400"> <p>Материал</p> <div class="product-field-display"> <select id="material"> <option value="sosna">Сосна </option> <option value="bereza">Береза </option> <option value="dub">Дуб </option> <option value="buk">Бук </option> <option value="yasen">Ясень </option> </select> </div> <br> <p>Цвет</p> <div class="cp_item"> &lt;input type="radio" id="cvet" value="1" name="variant_cvet" checked&gt; &lt;img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\stariy-oreh-3_500x500.jpg" alt="Старый орех 3"&gt; &lt;span&gt;Темный&lt;/span&gt; </div> <div class="cp_item"> &lt;input type="radio" id="cvet" value="2" name="variant_cvet"&gt; &lt;img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\gr_oreh1_500x500 (1).jpg" alt="Грецкий орех 1"&gt; &lt;span&gt;Светлый&lt;/span&gt; </div> <div class="cp_item"> &lt;input type="radio" id="cvet" value="3" name="variant_cvet"&gt; &lt;img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\mogano-3_500x500.jpg" alt="Могано"&gt; &lt;span&gt;Лак&lt;/span&gt; </div> <div class="cp_item"> &lt;input id="cvet" type="radio" value="4" name="variant_cvet"&gt; &lt;img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\venge-1_500x500.jpg" alt="Венге"&gt; &lt;span&gt;Серый&lt;/span&gt; </div> <div class="cp_item"> &lt;input id="cvet" type="radio" value="5" name="variant_cvet"&gt; &lt;img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\mogano-1_500x500.jpg" alt="Дерево 1"&gt; &lt;span&gt;Дерево 1&lt;/span&gt; </div> <div class="cp_item"> <input id="cvet" type="radio" value="6" name="variant_cvet"> <img class="icon" src="C:\Users\Саша\Desktop\кровати калькулятор\mogano-3_500x500.jpg" alt="Дерево 2"> <span>Дерево 2 </span> </div> <br> <br> <br> <p>Кол-во ящиков</p> <div class="product-field-box"> <select id="box"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> </div> <br> <p>Кол-во спальных мест</p> <div class="product-field-place"> <select id="place"> <option value="1">1</option> <option value="2">2</option> </select> </div> <br> <p>Размер кровати</p> <div class="product-field-size"> <select id="size"> <option value="1">60x120 +300,00 руб</option> <option value="2">70x160 +600,00 руб</option> <option value="3">80x160 +700,00 руб</option> <option value="4">80x190 +900,00 руб</option> <option value="5">90x190 +1000,00 руб</option> </select> </div> <br> <p>Тип бортика</p> <div class="product-field-bortik"> <select id="bortik"> <option value="no-bortik">нет</option> <option value="little bortik">быстросъемный +250,00 руб</option> <option value="big bortik">стационарный +260,00 руб</option> </select> </div> <br> <div><button onclick="raschitat();">Рассчитать стоимость</button></div> <br> <div id="stoimost"></div> </body>

li label[for="id_star_cena_0"] { color: rgba(0, 0, 0, 0.0); }<li> <label for="id_star_cena_0"> <input type="radio" name="star_cena" value="5" class="rating-star" required id="id_star_cena_0"> 100 &lt;/label&gt; </li>

let collection = [{ key: "AC", value: "1" }, { key: "BD", value: "2" }, { key: "AD", value: "3" }, { key: "BC", value: "4" } ]; let arrValues = []; let result1 = (function() { let radios1 = document.getElementsByName("Info"); for (let a = 0; a < radios1.length; a++) { radios1[a].onclick = function() { document.getElementById("a").disabled = true; document.getElementById("b").disabled = true; arrValues.push(this.value); }; } })(); let result2 = (function() { let radios2 = document.getElementsByName("Energy"); for (let i = 0; i < radios2.length; i++) { radios2[i].onclick = function() { document.getElementById("c").disabled = true; document.getElementById("d").disabled = true; arrValues.push(this.value); let typeStr = arrValues.join(""); collection .filter(function(values, item) { return (values.key === typeStr) }) .map(function(item) { return document.getElementById("result").innerHTML = item.value; }); }; } })();<div> <label> <input type="radio" name="Info" id="a" value="A" /> </label> <label> <input type="radio" name="Info" id="b" value="B" /> </label> </div> <hr /> <div> <label> <input type="radio" name="Energy" id="c" value="C" /> </label> <label> <input type="radio" name="Energy" id="d" value="D" /> </label> </div> <div id="result"></div>