点击文本区域选择单选

JavaScript select radio on clicking of textarea

本文关键字：选择 单选 区域 文本      更新时间：2023-09-26

我正在尝试构建一个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/

您可以使用JQuery:

给第一个单选按钮一个ID，例如:id="message" 

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

如果您了解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

相关文章：