使用twitter bootstrap单选按钮替代html.radiobutton - c#

我有几个单选按钮

    <p>@Html.RadioButton("selected", "img")img
    @Html.RadioButton("selected", "input")input
    @Html.RadioButton("selected", "script")script
    @Html.RadioButton("selected", "link")link
    @Html.RadioButton("selected", "form")form</p>

我想使用twitter bootstrap的btn-group，buttons-radio作为样式替换这些单选按钮，我尝试添加的代码是

    <div class="btn-group" data-toggle="buttons-radio">
    <button type="button" class="btn" name="selected" value="a">a</button>
    <button type="button" class="btn" name="selected" value="img">img</button>
    <button type="button" class="btn" name="selected" value="input">input</button>
    <button type="button" class="btn" name="selected" value="script">script</button>
    <button type="button" class="btn" name="selected" value="link">link</button>
    <button type="button" class="btn"  name="selected" value="form">form</button>
    </div>

在我的控制器中，我正在使用FormCollection作为从选中的单选按钮获取值的一种方式，但是我想使用自举css而不是使用普通的@ Html.radiobutton。

            string selectedTechnology = form["selected"];
            List.UrlType = selectedTechnology;

我觉得这不是正确的方法，因为帮助程序可能与formcollection一起工作，并且不知道引导CSS按钮是什么，但是如果有实现它的方法，那就太好了。

更新：

所以...这是我一直在寻找的解决方案

使用Bootstrap CSS的单选按钮

<div id="radios" class="btn-group view-opt-btn-group" data-toggle="buttons-radio">
<button type="button" class="btn" name="option-a" value="a">a</button>
<button type="button" class="btn" name="option-img" value="img">img</button>
<button type="button" class="btn" name="option-script" value="script">script</button>
<button type="button" class="btn" name="option-link" value="link">link</button>
<button type="button" class="btn" name="option-form" value="form">form</button>
<input type="hidden" name="option" value="0" />
</div>

我创建了一个jscript点击功能

<script type="text/jscript">
    $("body").find("#radios").children().each(function () {
        $(this).bind('click', function () {
            $("input[name=option]").val(this.value);
        });
    });
</script>

在控制器内部，我使用了FormCollection将选定的按钮添加到模型中

        string selectedTechnology = form["option"];
        whiteList.UrlType = selectedTechnology;

希望这会有所帮助。

参考方案

我实际上并没有使用twitter引导程序（仅对其进行了阅读），. NET不是我的强项，但是：

1）您需要使用type =“ radio”的输入来制作单选按钮，而不是按钮标签。

2）twitter引导程序提供了.radio和.inline类，它们将应用于输入元素的父级，例如标签：

<label class="radio">
  <input type="radio" name="selected" value="..." />
  Text to come after the radio button
</label>

3）@ Html.RadioButton带有第三个参数，即对象，用于指定属性：

@Html.RadioButton("selected", "form", new { class = "class" });

希望有帮助。

Div单击与单选按钮相同吗？ - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同？我只希望下面的div提交值，单选按钮很丑代码输出如下：<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…

故障排除“警告:session_start():无法发送会话高速缓存限制器-标头已发送” - php

我收到警告：session_start（）[function.session-start]：无法发送会话缓存限制器-标头已发送（错误输出开始如果我将表单数据提交到其他文件进行处理，则可以正常工作。但是，如果我将表单数据提交到同一页面，则会出现此错误。请建议<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0…

CodeIgniter更新查询被执行两次 - php

我正在使用CodeIgniter 2.2。每次访问页面时，我都必须用+1更新数据库。代码可以工作，但是每次都会增加+2。示例：如果是total views=2，则在单击页面后total views应该是3，但是数据库中的值是4。我确定我在控制器中仅调用一次模型add_one_to_view_image。控制者 function view(){ $view_i…

jQuery Ajax文件上传在客户端浏览器上无法正常工作 - javascript

我正在尝试使用Ajax和JQuery实现个人资料图片上传功能我能够将个人资料图片成功上传到我尝试过的所有机器和移动设备上的数据库中。它适用于我在Chrome，Edge，Firefox，Safari甚至Vivaldi上使用。问题是我住在加拿大的客户无法将他们的个人资料图片上传到数据库。另外，纵向宽高比的图像倾向于向侧面旋转。我一直在要求他重新注册并多次提供…

将python scikit学习模型导出到pmml - python

我想将python scikit-learn模型导出到PMML。哪个python软件包最合适？我阅读了有关Augustus的内容，但是我无法使用scikit-learn模型找到任何示例。 python大神给出的解决方案 SkLearn2PMML是 JPMML-SkLearn命令行应用程序周围的薄包装。有关受支持的Scikit-Learn Estimator和…

使用twitter bootstrap单选按钮替代html.radiobutton - c#

腾讯的同事天天给我安利让我看《三体》，说马化腾和雷军也在…