使用 jquery 禁用另一个单选按钮上的单选按钮列答案

【问题标题】：Disable radio button column on another Radio button using jquery使用 jquery 禁用另一个单选按钮上的单选按钮列
【发布时间】：2011-07-18 01:26:15
【问题描述】：

我是 Jquery 的新手，目前正在使用 Sharepoint 列表。这里有一种情况是禁用一个单选按钮列，并在另一个单选按钮列中选择了选项。单选按钮 column1 和单选按钮 column2 各有两个选项。如果在单选按钮 column1 中选择了选项 2，则应禁用整个单选按钮 column2。以下是我正在处理的代码

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
    </script>
    <script language="JavaScript">
$(document).ready(function() 
{
 $('input[name=Who will be developing the propose site?]').change(function(){
        if($(this).val() == 'Site Adminstrator')
        {
            $('input[name=Has site administrator attest to development operations of Rules of Road]').prop('disabled',true);
        }
        else
        {
            $('input[name=Has site administrator attest to development operations of Rules of Road]').prop('disabled',false);
        }
    });
    });
    </script>

以下是页面的 SharePoint 源代码（SharePoint 列表）

<TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"><H3 class="ms-standardheader">
            <nobr>Who will be developing the propose site?</nobr>
        </H3></TD>
            <TD valign="top" class="ms-formbody" width="400px">
            <!-- FieldName="Who will be developing the propose site?"
                 FieldInternalName="Who_x0020_will_x0020_be_x0020_de"
                 FieldType="SPFieldChoice"
              -->
                <span dir="none"><table cellpadding="0" cellspacing="1">
        <tr>
            <td><span class="ms-RadioText" title="CSMS"><input id="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl07_ctl00_ctl00_ctl04_ctl00_ctl00" type="radio" name="ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl07$ctl00$ctl00$ctl04$ctl00$RadioButtons" value="ctl00" checked="checked" /><label for="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl07_ctl00_ctl00_ctl04_ctl00_ctl00">CSMS</label></span></td>
        </tr><tr>
            <td><span class="ms-RadioText" title="Site Administrator"><input id="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl07_ctl00_ctl00_ctl04_ctl00_ctl01" type="radio" name="ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl07$ctl00$ctl00$ctl04$ctl00$RadioButtons" value="ctl01" /><label for="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl07_ctl00_ctl00_ctl04_ctl00_ctl01">Site Administrator</label></span></td>
        </tr>
    </table></span></TD></TR>

            <TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"><H3 class="ms-standardheader">
            <nobr>Has site administrator attest to development operations of Rules of Road</nobr>
        </H3></TD>
            <TD valign="top" class="ms-formbody" width="400px">
            <!-- FieldName="Has site administrator attest to development operations of Rules of Road"
                 FieldInternalName="Has_x0020_site_x0020_administrat"
                 FieldType="SPFieldChoice"
              -->
                <span dir="none"><table cellpadding="0" cellspacing="1">
        <tr>
            <td><span class="ms-RadioText" title="Yes"><input id="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl00" type="radio" name="ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl08$ctl00$ctl00$ctl04$ctl00$RadioButtons" value="ctl00" checked="checked" /><label for="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl00">Yes</label></span></td>
        </tr><tr>
            <td><span class="ms-RadioText" title="No"><input id="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl01" type="radio" name="ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl08$ctl00$ctl00$ctl04$ctl00$RadioButtons" value="ctl01" /><label for="ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl01">No</label></span></td>
        </tr>
    </table></span></TD></TR>

对代码的任何帮助或修改都非常有帮助

亲切的问候 BK

【问题讨论】：

您可能想要查看一些为使用 Sharepoint 而创建的 javascript/jquery 库。访问 Sharepoint 页面上的元素非常痛苦。

标签： jquery sharepoint

【解决方案1】：

这里是小提琴：http://jsfiddle.net/gm5N8/

您的代码稍作修改，但我不得不说您有疯狂的名称/ID/值。他们很可怕。至少您有不可读的名称/ID，并且您的值非常奇怪（例如ctl01 或ctl00）。嘿，和他们一起做点什么。

【讨论】：

这些是自动生成的共享点页面源代码。我已经处理好我手中的东西了。
我知道了，尝试将ClientIDs传递给JS并在之后使用它们

【解决方案2】：

如果我正确查看了您的代码，则您在 jquery 中使用的名称与输入的共享点自动生成的名称不匹配。

Who will be developing the propose site?

对

ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl07$ctl00$ctl00$ctl04$ctl00$RadioButtons

否则代码看起来应该可以工作。

下面是应该起作用的东西：

HTML：

<TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"><H3 class="ms-standardheader">
        <nobr>Who will be developing the propose site?</nobr>
    </H3></TD>
        <TD valign="top" class="ms-formbody" width="400px">
        <!-- FieldName="Who will be developing the propose site?"
             FieldInternalName="Who_x0020_will_x0020_be_x0020_de"
             FieldType="SPFieldChoice"
          -->
            <span dir="none"><table cellpadding="0" cellspacing="1">
    <tr>
        <td><span class="ms-RadioText" title="CSMS"><input id="g1button1" type="radio" name="group1" value="CSMS" checked="checked" /><label for="g1button1">CSMS</label></span></td>
    </tr><tr>
        <td><span class="ms-RadioText" title="Site Administrator"><input id="g1button2" type="radio" name="group1" value="Site Adminstrator" /><label for="g1button1">Site Administrator</label></span></td>
    </tr>
</table></span></TD></TR>

        <TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"><H3 class="ms-standardheader">
        <nobr>Has site administrator attest to development operations of Rules of Road</nobr>
    </H3></TD>
        <TD valign="top" class="ms-formbody" width="400px">
        <!-- FieldName="Has site administrator attest to development operations of Rules of Road"
             FieldInternalName="Has_x0020_site_x0020_administrat"
             FieldType="SPFieldChoice"
          -->
            <span dir="none"><table cellpadding="0" cellspacing="1">
    <tr>
        <td><span class="ms-RadioText" title="Yes"><input id="g2button3" type="radio" name="group2" value="ctl00" checked="checked" /><label for="g2button3">Yes</label></span></td>
    </tr><tr>
        <td><span class="ms-RadioText" title="No"><input id="g2button2" type="radio" name="group2" value="ctl01" /><label for="g2button2">No</label></span></td>
    </tr>
</table></span></TD></TR>

jquery：

$('input[name=group1]').change(function()
{
    if($(this).val() == 'Site Adminstrator')
    {
        $('input[name=group2]').prop('disabled',true);
    }
    else
    {
        $('input[name=group2]').prop('disabled',false);
    }
});

在这里测试它： http://jsfiddle.net/jL5A5/1/

【讨论】：

这是自动生成的共享点页面源代码。我已经处理好我手中的东西了。
如果无法修改输入组的名称，请尝试使用类或html5数据属性，例如：

【解决方案3】：

下面的代码对我有用。感谢您的所有投入。可以基于您提供的输入的代码构建。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
    </script>
    <script language="JavaScript">
    $(document).ready(function()
    {
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl00').attr('disabled', 'disabled');
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl01').attr('disabled', 'disabled');
    OnTypeNotificationChange();
     function OnTypeNotificationChange()
    {             
    $('input[name=ctl00$m$g_7d3ef79b_83fe_4a1f_a469_42a8746f064e$ctl00$ctl04$ctl07$ctl00$ctl00$ctl04$ctl00$RadioButtons]').click(function(){

    if($(this).val() == "ctl00")
        {
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl00').attr('disabled', 'disabled');
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl01').attr('disabled', 'disabled');
        }
        else
        {
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl00').removeAttr('disabled');
    $('#ctl00_m_g_7d3ef79b_83fe_4a1f_a469_42a8746f064e_ctl00_ctl04_ctl08_ctl00_ctl00_ctl04_ctl00_ctl01').removeAttr('disabled');
        }
    });
      }
    });</script>

【讨论】：