Question

我正在尝试构建JavaScript代码。有两个单选按钮，其中一个有文本区域。

单击文本区域时，将选择相同的单选按钮。

Message: <input type="radio" style="float:left;" name="rdScriptChoice" value="now" />
<textarea name="txtVdoScript" id="word_count" cols="1" rows="1"> </textarea><br />
<input type="radio" name="rdScriptChoice" value="later" />I will message Later.

这是小提琴。

http://jsfiddle.net/J2NHW/

Answer 1

您可以使用JQuery执行此操作：

为第一个单选按钮指定ID，例如：id="message"

$("#word_count").focus(function(){
  $("#message").prop("checked", true)
});

<强> DEMO

Answer 2

如果您了解javaScript的基础知识，请尝试这种方式。使用 ID 获取dom元素，并在触发textarea的 onclick 事件时对其进行操作。

HTML：

Message: <input type="radio" style="float:left;" id="msgRadio" name="rdScriptChoice"     value="now" />
<textarea name="txtVdoScript" id="word_count" cols="1" rows="1"> </textarea><br />
<input type="radio" name="rdScriptChoice" value="later" />I will message Later.

javaScript：

var messageRadioButton = document.getElementById('msgRadio');

var textArea = document.getElementById('word_count');

textArea.onclick = function(){
    messageRadioButton.checked = true;
};

jsFiddle

JavaScript点击textarea选择广播

2 个答案: