ajax html 选项传值

原创已于 2023-06-16 14:20:25 修改 · 426 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #ajax

于 2022-05-15 20:53:28 首次发布

摸鱼骑士的代码随笔专栏收录该内容

15 篇文章

订阅专栏

这篇博客探讨了HTML中的单选按钮点击事件，通过`onclick`调用`function1`函数处理值的变化。当值为1时，`output_data_1`的值被设置为'xxx'。此外，文章还展示了如何使用Ajax进行数据传输，通过`P1_Data_Playback`函数发送POST请求，传递被选中的单选按钮的值到后台。

HTML部分：

<input type="radio" name="optionsRadios" id="optionsRadios01" value="1" onclick="function1(this.value)">文本显示

script HTML点击显示：

function function1(value) {
       if(value==1){
            document.getElementById("output_data_1").value = 'xxx';
       }
       else{
            document.getElementById("output_data_1").value = 'xxx';
       }
}

script ajax点击传值：

function P1_Data_Playback() {
      $.ajax({
              type: "POST",
              url: "/xxx/",
              dataType: 'json',
              async: true,
              data: {
                    xxx:$('input:radio[name="optionsRadios"]:checked').val(),
              },
          });
    }