选择框更改时,jQuery更改单选按钮

时间:2016-11-10 19:33:29

标签: javascript jquery html

我对jQuery不太满意,但我无法解决这个问题。如果我在另一个选择框中选择某个值,我需要更改所选的单选按钮。

ProcessStartInfo p = new ProcessStartInfo();
p.FileName = @"\Path\to\python\interpreter\python.exe";
p.Arguments = @"\Path\to\*.py";
p.CreateNoWindow = false;
p.UseShellExecute = true;
Process procScriptExecutor = Process.Start(p);
procScriptExecutor.WaitForExit();
procScriptExecutor.Close();

    <div class="radio-inline" id="sourceDiv" role="group">
	<input type="radio" id="sourceBtns1" name="sourceBtn" class="btn btn-lg" value="CN"><label for="sourceBtns1">CHINA</label>
	<input type="radio" id="sourceBtns2" name="sourceBtn" class="btn btn-lg" value="ID" ><label for="sourceBtns2">INDONESIA</label>
	<input type="radio" id="sourceBtns3" name="sourceBtn" class="btn btn-lg" value="TH" ><label for="sourceBtns3">THAILAND</label>
	<input type="radio" id="sourceBtns4" name="sourceBtn" class="btn btn-lg" value="US"><label for="sourceBtns4">UNITED STATES</label>
</div>

当我在选择框中选择“FTLW”选项时,我试图让单选按钮选择#sourceBtns4。

这是我正在使用的功能。我没有收到错误,但我无法使用该功能。我不确定问题是什么。我尝试过几种不同的东西,但都没有。

有什么建议吗?

<div id="priceSelect">
<select name="priceSelect" id="priceSelect" class="form-control">
    	<option value="FTLW">Domestic Full Truck Load</option>
    	<option value="PTLW">Domestic Partial Truck Load</option>
    	<option value="FTL" selected>International</option>
    </select>
</div>

1 个答案:

答案 0 :(得分:1)

您不能拥有两个具有相同id的元素。您的divselectid priceSelect。这只是你关心的select

$(document).ready(function() {
	$('#priceSelect').change(function(){
      console.log($(this).val());
		if($(this).val() == 'FTLW' ){
			$('#sourceBtns4').prop("checked", true);
		}
	});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<select name="priceSelect" id="priceSelect" class="form-control">
    	<option value="FTLW">Domestic Full Truck Load</option>
    	<option value="PTLW">Domestic Partial Truck Load</option>
    	<option value="FTL" selected>International</option>
    </select>
</div>
   <div class="radio-inline" id="sourceDiv" role="group">
	<input type="radio" id="sourceBtns1" name="sourceBtn" class="btn btn-lg" value="CN"><label for="sourceBtns1">CHINA</label>
	<input type="radio" id="sourceBtns2" name="sourceBtn" class="btn btn-lg" value="ID" ><label for="sourceBtns2">INDONESIA</label>
	<input type="radio" id="sourceBtns3" name="sourceBtn" class="btn btn-lg" value="TH" ><label for="sourceBtns3">THAILAND</label>
	<input type="radio" id="sourceBtns4" name="sourceBtn" class="btn btn-lg" value="US"><label for="sourceBtns4">UNITED STATES</label>
</div>

相关问题