Javascript 基于单选按钮选择插入JSON

我有三个单选按钮

<input type="radio" name="MIME" value="application/json">JSON
<input type="radio" name="MIME" value="application/xml">XML
<input type="radio" name="MIME" value="text/plain">Plain

对于select标记（我的另一个要求），我将json解析为obj，并执行实现，但我想知道单选按钮是否也可以这样做

---

}

我已经为您尝试了一些东西，默认选择了第一台收音机。试试这个

<form action="/action_page.php">

  <input type="radio" name="MIME" class="radio" value="application/json" checked="checked">JSON
  <input type="radio" name="MIME" class="radio" value="application/xml">XML
  <input type="radio" name="MIME" class="radio" value="text/plain">Plain
</form>

<textarea readonly cols="30"  id='myTextarea' style="resize: none;" rows="8" name="urls" id="urls">
  {"response":{"status":200, "header":application/json}
</textarea>


<script>
var selection = 'application/json'
var rad = document.querySelectorAll('.radio');
var prev = null;
for (var i = 0; i < rad.length; i++) {
    rad[i].addEventListener('change', function() {
        console.log(this.value)
        selection = this.value;
        document.getElementById('myTextarea').value = '{"response":{"status":200, "header":' + selection + '}}';
    });
}

</script>

JSON
XML
平原
{“response”：{“status”：200，“header”：application/json}
变量选择='application/json'
var rad=document.querySelectorAll（'.radio'）；
var-prev=null；
对于（变量i=0；i

我已经为您做了一些尝试，默认选择了第一台收音机。试试这个

<form action="/action_page.php">

  <input type="radio" name="MIME" class="radio" value="application/json" checked="checked">JSON
  <input type="radio" name="MIME" class="radio" value="application/xml">XML
  <input type="radio" name="MIME" class="radio" value="text/plain">Plain
</form>

<textarea readonly cols="30"  id='myTextarea' style="resize: none;" rows="8" name="urls" id="urls">
  {"response":{"status":200, "header":application/json}
</textarea>


<script>
var selection = 'application/json'
var rad = document.querySelectorAll('.radio');
var prev = null;
for (var i = 0; i < rad.length; i++) {
    rad[i].addEventListener('change', function() {
        console.log(this.value)
        selection = this.value;
        document.getElementById('myTextarea').value = '{"response":{"status":200, "header":' + selection + '}}';
    });
}

</script>

JSON
XML
平原
{“response”：{“status”：200，“header”：application/json}
变量选择='application/json'
var rad=document.querySelectorAll（'.radio'）；
var-prev=null；
对于（变量i=0；i

嘿，谢谢，我对它做了一些修改以满足我的要求。谢谢，我对它做了一些修改以满足我的要求

<form action="/action_page.php">

  <input type="radio" name="MIME" class="radio" value="application/json" checked="checked">JSON
  <input type="radio" name="MIME" class="radio" value="application/xml">XML
  <input type="radio" name="MIME" class="radio" value="text/plain">Plain
</form>

<textarea readonly cols="30"  id='myTextarea' style="resize: none;" rows="8" name="urls" id="urls">
  {"response":{"status":200, "header":application/json}
</textarea>


<script>
var selection = 'application/json'
var rad = document.querySelectorAll('.radio');
var prev = null;
for (var i = 0; i < rad.length; i++) {
    rad[i].addEventListener('change', function() {
        console.log(this.value)
        selection = this.value;
        document.getElementById('myTextarea').value = '{"response":{"status":200, "header":' + selection + '}}';
    });
}

</script>