jquery单击链接并获取无线电输入值以更改跨度中的文本

时间:2013-12-06 20:54:00

标签: javascript jquery

我想单击链接,获取无线电输入值,然后用该值替换span中的文本。 http://jsfiddle.net/NY26v/

<INPUT class=width name=classname value=newclass1 CHECKED type=radio />
<INPUT class=width name=classname value=newclass2 type=radio />
<INPUT class=width name=classname value=newclass3 type=radio />

<P>
<A id=generate class=mainlink href="javascript:void(0)">the generate link </A>
</P>

<P>
&lt;P&gt;<BR>
&lt;A <b>class=someclass<SPAN id=classnumber>newclass1</SPAN></b> href="yourlink.html"&gt;your link&lt;/A&gt;<BR>
&lt;/P&gt;
</P>

------ ---- Jquery的

$(document).ready(function(){

// when the link #generate is clicked
$('#generate').click(function() {
// get the checked value in the radio input group .classname
var cn = $("input[name='classname']:checked").val();
//  in the #classnumber span
var classnumbertext = $('#classnumber').text();
// put the .classname radio value
$('#classnumber').text("newclass'+ (cn)");
});

});

1 个答案:

答案 0 :(得分:2)

目前,您要将范围的文本设置为以下字符串文字值:

"newclass'+ (cn)"

也就是说,实际字母"c""n"是字符串的一部分,单引号和加号也是如此。要使用变量 cn,您需要将它和+放在双引号字符串之外,所以也许你想要这个:

$('#classnumber').text("newclass" + cn);
// OR
$('#classnumber').text("newclass (" + cn + ")");
// OR
$('#classnumber').text(cn);

每个演示:http://jsfiddle.net/NY26v/2/http://jsfiddle.net/NY26v/4/http://jsfiddle.net/NY26v/3/

相关问题