Javascript:使用动态ID获取文本框值

时间:2012-08-26 09:43:53

标签: javascript

我在这里阅读了大部分问题,但我找不到这个问题的答案,所以我会试一试!

我正在努力实现的目标是,当选择某个收音机时,我想获取某个文本框值。这就是为什么我需要动态ID来知道我想从哪个文本框中选择值。

如下所示,我将我的无线电按钮组成三组。

问题是我似乎无法从文本框中获取价值......!无论我尝试什么,它总是返回0(零)

这是我的HTML!

   <asp:RadioButton id="RadioButton1" name="directory" GroupName="sverigemot" value="50" runat="server" Text="Fri tillgång" onclick="calculatePrice()"  />
    <asp:RadioButton id="RadioButton2" name="directory" GroupName="sverigemot" runat="server" 
        Text="En artikel om dagen(30/mån)" value="25" onclick="calculatePrice()" />
    <asp:RadioButton id="sverigemot1" name="choice" GroupName="sverigemot" runat="server" value="0"
        Text="Skriv antalet artiklar" onclick="calculatePrice()" />
    <asp:TextBox ID="textbox1" name="sverigemot1" runat="server" Width="106px"></asp:TextBox>
        <br />
        <asp:RadioButton id="RadioButton4" name="directory" GroupName="handlaihop" value="50" runat="server" Text="Fri tillgång" onclick="calculatePrice()"  />
    <asp:RadioButton id="RadioButton5" name="directory" GroupName="handlaihop" runat="server" 
        Text="En artikel om dagen(30/mån)" value="25" onclick="calculatePrice()" />
    <asp:RadioButton id="handlaihop2" name="choice" GroupName="handlaihop" runat="server" value="0"
        Text="Skriv antalet artiklar" onclick="calculatePrice()" />
    <asp:TextBox ID="textbox2" name="handlaihop1" runat="server" Width="106px"></asp:TextBox>

这是我的javascript!

var selectedDirectory = document.getElementsByTagName('input');
var valueOfRadio = 0;
var y = 0;

for (var i = 0; i < selectedDirectory.length; i++) 
{
    //if the radio button is checked
    if (selectedDirectory[i].checked && selectedDirectory[i].type == 'radio')
    {

        if (selectedDirectory[i].value == '0') {
            //Puts together the dynamic name
            var dynamictbname = selectedDirectory[i].name + "1";
            //Checks the name 
            alert(dynamictbname);
            //Stores the actual textbox
            var dynamictb = document.getElementById(dynamictbname);
            alert('Value in textbox is: ' + parseInt(dynamictb.value));


            if (parseInt(dynamictb.value) == null) {
                alert('Textboxen är null');
            }
            else {
                var tbvalue = parseInt(dynamictb.value);
                valueOfRadio += parseInt(document.getElementsByName(dynamictbname));
                alert('Name and Value in textbox is: ' + dynamictbname + ' = ' + tbvalue);
                valueOfRadio += parseInt(selectedDirectory[i].value);
                y++;
            }
        }
        else {

            valueOfRadio += parseInt(selectedDirectory[i].value);
             alert(valueOfRadio);

        }

    }
} 

var divobj = document.getElementById('thePrice');
divobj.innerHTML = "value" + valueOfRadio; 

2 个答案:

答案 0 :(得分:0)

onchange="setValue(this);"

function setValue(node){
    var txtBoxValue = document.getElementById(node.value).value;
    alert(txtBoxValue );
}​

$('input[name="directory"]').change(function(){
 var selector = '#' + $(this).val();
 var txtBoxValue = $(selector).val();
})

jQuery DEMO

JavaScript DEMO

答案 1 :(得分:0)

伙计们我搞砸了抱歉!

我忘了更改HTML中的ID。

'我正在使用getElementsByID,而我正在搜索groupname + 1作为ID。 ID是

textbox1,textbox2 .... textbox99 ......难怪它找不到它......

我把名字与ID混淆了......傻我知道!!

我删除了他们名字的texbox,我使用ID而不是... 这是正确的html。

<asp:RadioButton id="RadioButton1" name="directory" GroupName="sverigemot" value="50" runat="server" Text="Fri tillgång" onclick="calculatePrice()"  />
    <asp:RadioButton id="RadioButton2" name="directory" GroupName="sverigemot" runat="server" 
        Text="En artikel om dagen(30/mån)" value="25" onclick="calculatePrice()" />
    <asp:RadioButton id="RadioButton3" name="choice" GroupName="sverigemot" runat="server" value="0"
        Text="Skriv antalet artiklar" onclick="calculatePrice()" />
    <asp:TextBox ID="sverigemot1" runat="server" Width="106px"></asp:TextBox>
        <br />
        <asp:RadioButton id="RadioButton4" name="directory" GroupName="handlaihop" value="50" runat="server" Text="Fri tillgång" onclick="calculatePrice()"  />
    <asp:RadioButton id="RadioButton5" name="directory" GroupName="handlaihop" runat="server" 
        Text="En artikel om dagen(30/mån)" value="25" onclick="calculatePrice()" />
    <asp:RadioButton id="RadioButton6" name="choice" GroupName="handlaihop" runat="server" value="0"
        Text="Skriv antalet artiklar" onclick="calculatePrice()" />
    <asp:TextBox ID="handlaihop1" runat="server" Width="106px"></asp:TextBox>