使用 Regex/C# 将 <input type=radio> 变成 <button>

Question

奇怪的问题，但我不会浪费时间解释为什么我需要这样做，只是我需要这样做。

我有以下几点：

<input type="radio" name="eq_9" id="eq_9_2"  onclick="nextStepID_load(this);" value="Installer." title="912" /><label for="eq_9_2">Installer</label> <br />

我需要把它变成：

<button type="button" name="eq_9" id="eq_9_2" onclick="nextStepID_load('912');">Installer</button><br />

我正在使用 C#/asp.net（3.5 或更低版本）和用于 performJS 的 javascript（这是一个占位符，直到我弄清楚如何替换 html）。

请注意，提供此信息的来源正在向我发送一个包含许多输入行的字符串。我需要用对其有效的信息替换每一行。

现在，我尝试添加一个 .Replace("","\">"); 它确实替换了无线电标签，但显然它在代码方面看起来很糟糕，并且不会删除标签或放置标签之间的标签内容。

我确信这可能最好通过正则表达式来解决，但我对正则表达式不是很熟悉。我一直在玩 regexlib，看看我是否可以自己找出一个正则表达式......这是我到目前为止所拥有的，虽然我想我还很遥远。

string strRegex = @"<input type=""radio"" [\s]*=[\s]*""?[^\w_]*""?[^>]*>";
RegexOptions myRegexOptions = RegexOptions.IgnoreCase | RegexOptions.Multiline;
Regex myRegex = new Regex(strRegex, myRegexOptions);
string strTargetString = @"<input type=""radio"" name=""eq_9"" id=""eq_9_2""  onclick=""nextStepID_load(this);"" value=""Installer."" title=""912"" /><label for=""eq_9_2"">Installer</label> <br />";
string strReplace = "<button type="button"></button>";
return myRegex.Replace(strTargetString, strReplace);

Answer 1

不要使用正则表达式来处理 HTML。它仅对 95% 的情况足够灵活，这应该告诉您它是不适合这项工作的工具。

使用HTML Agility Pack，您可以加载您的文档并使用类似的东西来替换...

HtmlDocument doc = new HtmlDocument();
doc.Load(@"C:\Path\To\Page.html");

HtmlNode radios = doc.SelectNodes("//input[@type=radio]");

foreach (HtmlNode node in radios)
{
    HtmlAttribute name = node.Attributes["name"];

    if (name != null && name.ToLower().StartsWith("eq_"))
    {
        //Build your button element and replace the radio using ReplaceChild
    }
}

Answer 2

我确信这可能最好通过正则表达式来解决，但我对正则表达式不是很熟悉。

恐怕这不是一个好兆头，因为如果您对正则表达式不是很熟悉，那么 anything 不太可能最好通过正则表达式来解决。 :(

没有足够的问题描述来确定是否即使是正则表达式向导也可以使用正则表达式快速制定解决方案。我很确定您需要做的不仅仅是将一个固定字符串交换为另一个，因为如果您这样做了，那么您已经这样做了。所以它的一部分必须参数化。我只是不知道是哪个。

不算空格，你会说你的问题是转换这种形式的输入之一吗：

<input 
    type="radio"
    name="eq_X"
    id="eq_X_Y"
    onclick="nextStepID_load('XNY');"
    value="Z."
    title="XNY"  
/>
<label for="eq_X_Y"> Z </label>
<br />

进入这种形式的输出：

<button 
    type="button" 
    name="eq_X" 
    id="eq_X_Y" 
    onclick="nextStepID_load('XNY');" 
>
Z
</button>

<br />

如您所见，我已经参数化了 X、Y、Z 和 N。以下是我要问你的问题：

1. 您会说我对您问题的参数化描述准确吗？

2. 这是否在某些特定的 DTD 下有效，如果有效，是哪一个？

3. 属性是否总是这些？

4. 出现的属性是否总是以精确的顺​​序出现？

5. 你需要做多少这样的事情？

6. 这是发生在纯 HTML 中，还是实际上隐藏在某些 Javascript 中？

7. 您知道是否有任何 <script> 或 <style> 元素或 <!-- ... --> cmets 包含看起来正是您正在寻找的东西？

8. 你知道在你正在寻找的东西中间是否有任何这样的元素吗？

9. NAME="VALUE" 形式的所有属性的值是否只有双引号，从不单引号或完全省略？

10. 标识符的大小写是否总是小写？

11. 它们都在一个文件中吗？

12. 是否有某些原因导致您的输出样本丢失了一些不重要的空白？

正是这样的问题说明了为什么问题几乎肯定比看起来要复杂得多——这引出了几个最后的问题：

1. 您以前使用过 HTML 解析类吗？

2. 您想了解如何操作吗？

Answer 3

本练习使用正则表达式完成您需要的工作。

它是这样工作的： 我不替换原始字符串中的值。相反，我采用目标字符串，我们想要到达的地方，并用正确的值构建它。 我相信这种方法会给您带来灵活性，您可以根据需要格式化输出字符串。

• inputList 是一个测试列表 案例。
• 目标就是目标 带占位符的字符串，我们可以格式化它但是我们 想要/需要/不得不。
• GetValue() 方法利用正则表达式参数来寻找特定值。它将 html 标记查找为 KeyValue 对，获取 Value 并删除封闭的引号。
• 最后使用 string.Format() 我们根据需要构建输出字符串。

这是完整的代码，所以你可以试试。您还可以将这段代码的想法转化为一种方法，并将其集成到您的解决方案中。

如果它也对你有用，请告诉我。

      static void Main(string[] args)
    {

        List<string> inputList = new List<string>();
        inputList.Add("<input type=\"radio\" name=\"eq_9\" id=\"eq_9_2\"  onclick=\"nextStepID_load(this);\" value=\"Installer.\" title=\"912\" /><label for=\"eq_9_2\">Installer</label> <br />");
        inputList.Add("<input type=\"radio\" name=\"eq_10\" id=\"eq_9_3\"  onclick=\"nextStepID_load(this);\" value=\"Installer1.\" title=\"913\" /><label for=\"eq_9_3\">InstallerA</label> <br />");
        inputList.Add("<input type=\"radio\" name=\"eq_11\" id=\"eq_9_4\"  onclick=\"nextStepID_load(this);\" value=\"Installer2.\" title=\"914\" /><label for=\"eq_9_4\">InstallerB</label> <br />");
        inputList.Add("<input type=\"radio\" name=\"eq_12\" id=\"eq_9_5\"  onclick=\"nextStepID_load(this);\" value=\"Installer3.\" title=\"915\" /><label for=\"eq_9_5\">InstallerC</label> <br />");
        inputList.Add("<input type=\"radio\" name=\"eq_13\" id=\"eq_9_6\"  onclick=\"nextStepID_load(this);\" value=\"Installer4.\" title=\"916\" /><label for=\"eq_9_6\">InstallerD</label> <br />");

        string output = string.Empty;
        string target = "<button type=\"button\" name=\"{0}\" id=\"{1}\" onclick=\"nextStepID_load('{2}');\">{3}</button><br />";

        foreach (string input in inputList)
        {
            string name = GetValue(@"(?<Value>name=[\S]+)", input);
            string id = GetValue(@"(?<Value>id=[\S]+)", input);
            string title = GetValue(@"(?<Value>title=[\S]+)", input);
            string value = GetValue(@"(?<Value>value=[\S]+)", input);

            output = string.Format(target, name, id, title, value);
            System.Diagnostics.Debug.WriteLine(output);
        }

    }

    private static string GetValue(string pattern, string input)
    {
        Regex regex = new Regex(pattern);
        Match match = regex.Match(input);
        return match.ToString().Split('=').Last().Replace("\"", string.Empty);
    }

这是输入：

    <input type="radio" name="eq_9" id="eq_9_2"  onclick="nextStepID_load(this);" value="Installer." title="912" /><label for="eq_9_2">Installer</label> <br />
    <input type="radio" name="eq_10" id="eq_9_3"  onclick="nextStepID_load(this);" value="Installer1." title="913" /><label for="eq_9_3">InstallerA</label> <br />
    <input type="radio" name="eq_11" id="eq_9_4"  onclick="nextStepID_load(this);" value="Installer2." title="914" /><label for="eq_9_4">InstallerB</label> <br />
    <input type="radio" name="eq_12" id="eq_9_5"  onclick="nextStepID_load(this);" value="Installer3." title="915" /><label for="eq_9_5">InstallerC</label> <br />
    <input type="radio" name="eq_13" id="eq_9_6"  onclick="nextStepID_load(this);" value="Installer4." title="916" /><label for="eq_9_6">InstallerD</label> <br />

这是输出：

    <button type="button" name="eq_9" id="eq_9_2" onclick="nextStepID_load('912');">Installer.</button><br />
    <button type="button" name="eq_10" id="eq_9_3" onclick="nextStepID_load('913');">Installer1.</button><br />
    <button type="button" name="eq_11" id="eq_9_4" onclick="nextStepID_load('914');">Installer2.</button><br />
    <button type="button" name="eq_12" id="eq_9_5" onclick="nextStepID_load('915');">Installer3.</button><br />
    <button type="button" name="eq_13" id="eq_9_6" onclick="nextStepID_load('916');">Installer4.</button><br />