使用选择更改单选按钮

时间:2020-02-01 06:08:47

标签: javascript jquery html

我找到了一个帖子,其中显示了如何更改单击的单选按钮,但是我想知道如何根据选择下拉列表更改单选按钮。具体而言,当选择值=“是”所选择的单选按钮改变为肯定的。

<select id='yes_no'>
  <option value='yes'>Yes</option>
  <option value='no'>No</option>
</select>

<form>
  <input type="radio" name="category" value="yes" /> Yes
  <input type="radio" name="category" value="no" checked /> No
</form>

我尝试使用Set selected radio from radio group with a value之类的答案,但这仍然行不通。

$('#yes_no').change(function(){
   $("input[name='category'][value=" + $(this).val()  + "]").prop('checked', true);
});

有线索吗?

2 个答案:

答案 0 :(得分:2)

在页面加载时,更改事件不会(自动)触发。由于带有value="no"的单选具有属性checked,因此默认情况下已设置为选中。

要获得正确的页面加载设置值,您可以将checked属性设置为value="yes"单选(并从checked单选中删除value="no"

OR:触发事件( change )的方法如下:

$('#yes_no').change(function(){
   $("input[name='category'][value=" + $(this).val()  + "]").prop('checked', true);
}).trigger('change');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id='yes_no'>
  <option value='yes'>Yes</option>
  <option value='no'>No</option>
</select>

<form>
  <input type="radio" name="category" value="yes" /> Yes
  <input type="radio" name="category" value="no" checked /> No
</form>

答案 1 :(得分:0)

您可以将初始检查值设置为from tkinter import * from tkinter.scrolledtext import * def click(): a = text1.get('1.0', 'end-1c') print(a) window = Tk() window.title("TITLE PLACEHOLDER") Label(window,text="Subject", bg="black",fg="white", font="Arial 10").grid(row=1,column=0,sticky=W) text1 = ScrolledText(window,bg="white", width=50,font="Arial 10") text1.grid(row=2,column=0,sticky=W) Button(window, text="send",width=6,command=click).grid(row=3,column=0,sticky=W) window.mainloop()

实际上是它的工作。在更改时选择。 Yes个值单选已经被检查。因此它不会在用户界面中反映出来

No
$('#yes_no').change(function() {
  $("input[name='category'][value="+$(this).val()+"]").prop('checked', true);
});