禁用分组单选操作按钮中的单个单选选项

Posted

技术标签:

【中文标题】禁用分组单选操作按钮中的单个单选选项【英文标题】:Disable single radio choice from Grouped Radio Action Buttons 【发布时间】:2021-10-29 23:22:56 【问题描述】:

我有一个下面闪亮的代码,我试图从分组的单选按钮中禁用单个单选按钮选择。 我可以使用 shinyjs::disable() 函数禁用完整的单选按钮。但是,无法禁用单选。

library(shiny)
library(shinyjs)
library(shinyWidgets)
if (interactive()) 

  ui <- fluidPage(
    useShinyjs(),
    radioGroupButtons(inputId = "somevalue", choices = c("A", "B", "C")),
    verbatimTextOutput("value")
  )
  server <- function(input, output) 
    output$value <- renderText( input$somevalue )

    shinyjs::disable(id="somevalue")

  
  shinyApp(ui, server)

【问题讨论】:

【参考方案1】:

你可以的

runjs("$('input[value=B]').parent().attr('disabled', true);")

runjs('$("#somevalue button:eq(1)").attr("disabled", true);')

disable(selector = "#somevalue button:eq(1)")

【讨论】:

我们是否可以使用shinyjs::disable 函数来实现这一点?因为,我想根据选择器启用和禁用。 @RushabhPatel 这是我的第三个解决方案。加载shinyjs时无需写shinjs:: 对于这些答案中的第一个,它如何识别应该禁用哪个输入?如果有两个值为 B 作为响应的单选按钮,它会同时禁用它们吗?

以上是关于禁用分组单选操作按钮中的单个单选选项的主要内容,如果未能解决你的问题,请参考以下文章

根据之前的单选选项禁用单选按钮

如何在 Django 中呈现单个单选按钮选项?

Bootstrap multiselect单选按钮选择了多个选项

10 秒后单选按钮禁用

Angular 5 - 禁用单选按钮

如何更改禁用的单选按钮/复选框上的丑陋光标图像