Php 根据单选按钮选择更改标签文本
我想根据单选按钮的选择更改标签文本。你能帮我轻松地做这件事吗。这是我的密码Php 根据单选按钮选择更改标签文本,php,javascript,text,radio-button,Php,Javascript,Text,Radio Button,我想根据单选按钮的选择更改标签文本。你能帮我轻松地做这件事吗。这是我的密码 <div class="control-group "> <div class="controls"> <label class="radio inline"> <input type="radio" name="btype[]" id="private" value="private"
<div class="control-group ">
<div class="controls">
<label class="radio inline">
<input type="radio" name="btype[]" id="private" value="private" checked>Private
</label>
<label class="radio inline">
<input type="radio" name="btype[]" id="business" value="business">Business Advertiser
</label>
</div>
</div>
私有的
商业广告商
这是我要更改文本的标签
<div class="control-group " >
<label class="control-label" id="labelName">Name</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input type="text" class="input-xlarge" id="name" name="name" placeholder="">
</div>
</div>
</div>
<div class="control-group ">
<label class="control-label" id="labelNum">NIC</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<input type="text" class="input-xlarge" id="regNum" name="regNum" placeholder="">
</div>
</div>
</div>
名称
NIC
这是我的javascript
<script type="text/javascript">
$(document).ready(function()
{
if (($('input[name=btype]:radio:checked').val())=="business")
{
document.getElementById("labelName").innerHTML="Company Name";
document.getElementById("labelNum").innerHTML="Reg No.";
}
}
);
</script>
$(文档).ready(函数()
{
if($('input[name=btype]:radio:checked').val())=“business”)
{
document.getElementById(“labelName”).innerHTML=“公司名称”;
document.getElementById(“labelNum”).innerHTML=“注册号”;
}
}
);
我以更好的方式为您重写了代码。当您使用jQuery时,最好使用它。不要被处理JavaScript搞得一团糟。jQuery就是为您做这件事的
<script type="text/javascript">
$(document).ready(function()
{
if ($('#business').is(':checked'))
{
$('#labelName').text("Company Name");
$('#labelNum').text("Reg No.");
}
}
);
</script>
$(文档).ready(函数()
{
如果($('#business')。是(':checked'))
{
$('#labelName')。文本(“公司名称”);
$('#labelNum')。文本(“注册号”);
}
}
);
我以更好的方式为您重写了代码。当您使用jQuery时,最好使用它。不要被处理JavaScript搞得一团糟。jQuery就是为您做这件事的
<script type="text/javascript">
$(document).ready(function()
{
if ($('#business').is(':checked'))
{
$('#labelName').text("Company Name");
$('#labelNum').text("Reg No.");
}
}
);
</script>
$(文档).ready(函数()
{
如果($('#business')。是(':checked'))
{
$('#labelName')。文本(“公司名称”);
$('#labelNum')。文本(“注册号”);
}
}
);
您将jquery与js混合在一起,下面是jquery
<script type="text/javascript">
$(document).ready(function(){
$('input[name=btype]:radio:checked').click(function(e){
if($(e.currentTarget).val()==='business') {
$("#labelName").text("Company Name");
$("#labelNum").text("Reg No.");
}
});
});
</script>
$(文档).ready(函数(){
$('input[name=btype]:radio:checked')。单击(函数(e){
if($(e.currentTarget).val()=='business'){
$(“#标签名称”).text(“公司名称”);
$(“#labelNum”)。文本(“注册号”);
}
});
});
您将jquery与js混合在一起,下面是jquery
<script type="text/javascript">
$(document).ready(function(){
$('input[name=btype]:radio:checked').click(function(e){
if($(e.currentTarget).val()==='business') {
$("#labelName").text("Company Name");
$("#labelNum").text("Reg No.");
}
});
});
</script>
$(文档).ready(函数(){
$('input[name=btype]:radio:checked')。单击(函数(e){
if($(e.currentTarget).val()=='business'){
$(“#标签名称”).text(“公司名称”);
$(“#labelNum”)。文本(“注册号”);
}
});
});
您可以通过向该输入添加更改侦听器并获取所选侦听器的值来实现这一点 我添加了一些HTML5属性以避免获得更多DOM 请查看
数据文本
<div class="control-group ">
<div class="controls">
<label class="radio inline">
<input type="radio" data-text="private" name="btype[]" id="private" value="private" checked>Private
</label>
<label class="radio inline">
<input type="radio" data-text="Business Advertiser" name="btype[]" id="business" value="business">Business Advertiser
</label>
</div>
</div>
您可以添加多个data-*
属性,如price或任何您想要的属性,并通过使用$(this.data('*')获得它的值代码>
它是这样使用的,以使您的HTML有效,我使用它来避免获取父文本
检查这把小提琴
我希望这能有所帮助:)您可以通过向该输入添加更改侦听器并获取所选侦听器的值来实现这一点
我添加了一些HTML5属性以避免获得更多DOM
请查看数据文本
<div class="control-group ">
<div class="controls">
<label class="radio inline">
<input type="radio" data-text="private" name="btype[]" id="private" value="private" checked>Private
</label>
<label class="radio inline">
<input type="radio" data-text="Business Advertiser" name="btype[]" id="business" value="business">Business Advertiser
</label>
</div>
</div>
您可以添加多个data-*
属性,如price或任何您想要的属性,并通过使用$(this.data('*')获得它的值代码>
它是这样使用的,以使您的HTML有效,我使用它来避免获取父文本
检查这把小提琴
我希望这能有所帮助:)将onclick=“document.getElementById('labelid')。innerHTML='REPLACEMENT'”添加到您的单选按钮您知道,如果您使用jquery-$(document)将它放在jsfiddle.net中,那么这个超级容易解决的问题就是(function()
,为什么要使用纯javascript-getElementById(“labelNum”)
而不是jquery-$(“#labelNum”)
?既然你是新来的,接受解决问题的答案(勾选)。向上投票(向上箭头)给你提供信息或帮助的答案。向下投票(向下箭头)假答案。添加onclick=“document.getElementById('labelid')。innerHTML='REPLACEMENT''对于你的收音机按钮,你知道如果你把它放在jsfiddle.net中,那么这个超级容易解决的问题就是因为你正在使用jquery-$(document).ready(function()
,为什么你要使用纯javascript-getElementById(“labelNum”)
而不是jquery-$(“#labelNum”)
?既然你是新来的,接受答案(勾选)这解决了你的问题。向上投票(向上箭头)答案给你信息或帮助你。向下投票(向下箭头)答案是假的。